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
Configthat 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.