Vimeo

These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from your Vimeo video player:

Login to Datazoom here: https://app.datazoom.io
Add a Collector as indicated here: How to add a Collector
Copy the Config that was created at the end of the process
Click the icon indicated below to copy the Configuration Key

You will see this message:
Replace the <CONFIG_ID> in Datazoom's beacon script with the Key you copied above.
Replace the entire placeholder <CONFIG_ID> including < and >

IMPORTANT: Datazoom's beacon script must come after the player load.

Example:

<html>

	<body>

		<div class="vid-container" id="video_player">

			<div style="padding:56.25% 0 0 0;position:relative;">
				<iframe src="<VIDEO_SRC_PATH>" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen   mozallowfullscreen allowfullscreen>
				</iframe>
     		</div>

		</div>

		<script src="https://player.vimeo.com/api/player.js"></script>

    	<!-- THIS IS THE DATAZOOM BEACON SCRIPT -->
        <script src='https://platform.datazoom.io/beacon/v1/config?configuration_id=<config_ID>'></script>

	</body>

</html>

Articles in this section

Comments