Articles in this section

See more

HTML5

Avatar
Tony Gentile
  • Updated
Follow

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


  1. Login to Datazoom here:  https://app.datazoom.io
  2. Add a Collector as indicated here:  How to add a Collector

  3. 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:
  4. 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 id="player">

    <video id="myVideo" controls poster="<your_poster_url>" playsinline>

        <source src="<your_content_url>" type="video/mp4">

        <source src="<your_content_url>" type="video/webm">

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

</div>

</body>

</html>

Related articles

Comments

0 comments

Article is closed for comments.