These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from your Bitmovin 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.
- The name of the Bitmovin player instance created should be same as player in order to access the object which was used to create the player to get the properties of the video being played
Example:
<html> <head> <script type="text/javascript" src="https://cdn.bitmovin.com/player/web/8.0.0/bitmovinplayer.js"></script> </head> <body> <div id="<DIV_ID>"></div> <script> var myplayer = document.getElementById('<DIV_ID>'); var conf = { key: '<YOUR_KEY>', }; var player = new bitmovin.player.Player(myplayer, conf); // "player" must be used as player instance to get events and meta data //For mp4 video var source = { progressive : "<VIDEO_SRC>", format : "<VIDEO_TYPE>" }; //For hls video source = { hls : "<VIDEO_SRC>", format : "<VIDEO_TYPE>" }; player.load(source); </script> <!-- THIS IS THE DATAZOOM BEACON SCRIPT --> <script src='https://platform.datazoom.io/beacon/v1/config?configuration_id=<config_ID>'></script> </body> </html>
Comments
0 comments
Article is closed for comments.