These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from your HTML5 video player:
Login to Datazoom here: https://app.datazoom.io
Add a Collector as indicated here: How to add a Collector
Configthat was created at the end of the process
Click the icon indicated below to copy the Configuration Key
You will see this message:
<CONFIG_ID>in Datazoom's beacon script with the Key you copied above.
Replace the entire placeholder
- Datazoom's beacon script must come after the player load.
<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>