Anvato Player

These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from the Anvato 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 id of the div that contains the player should be same as 'anv_player' in order to identify the player.

Example:

<html>

<head>
    <script src='//w3.cdn.anvato.net/player/prod/v3/scripts/anvload.js'> </script>
</head>

<body>

    <div id="anv_player"> </div>

        <script>
        AnvatoPlayer("anv_player").init({
            format: 'video_type'
            url: 'video_url' //add all the necessary configurations as per the player documentation
        });
        </script>

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

</body>

</html>

</html>

Articles in this section

Comments

Articles in this section

Related articles