These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from RealEyes 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>
<html> <body> <div id="content-wrapper"> <demo-app-root id="html-content"> </demo-app-root> </div> <script> var appAPI, demoConfig; demoConfig = { source: "<SRC>", }; window.addEventListener('rehtml5::apicreated', onAPICreated); function onAPICreated(event) { appAPI = event.detail; appAPI.init({}, demoConfig); } </script> <!-- PLAYER SCRIPTS --> <script type="text/javascript" src="/assets/inline.xxxxxx.bundle.js"></script> <script type="text/javascript" src="/assets/polyfills.xxxxxx.bundle.js"></script> <script type="text/javascript" src="/assets/scripts.xxxxxx.bundle.js"></script> <script type="text/javascript" src="/assets/vendor.xxxxxx.bundle.js"></script> <script type="text/javascript" src="/assets/main.xxxxxx.bundle.js"></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.