Brightcove Player

These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from the Brightcove video player. These instructions are specific to the In-Page embed code method outlined here: https://support.brightcove.com/choosing-correct-embed-code

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>

    <video id="<brightcove_video_player_name>"
    data-video-id="<asset_ID>"
    data-account="<your_brightcove_account_number>"
    data-player="<your_player_ID>"
    data-embed="default"
    data-application-id class="video-js" controls></video>
    
    <script src='//players.brightcove.net/<your_brightcove_account_number>/<your_player_ID>_default/index.min.js'>
    </script>
    
    <script>
        var bcplayer = videojs('<brightcove_video_player_name>');
        bcplayer.ready();
        bcplayer.catalog.getVideo('<VIDEO_ID_FROM_BRIGHTCOVE_SERVER>', function(onerr, vid) {
        bcplayer.catalog.load(vid);
        });
    </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

Articles in this section

Related articles