Bootstrap Themes

Brands Are Live: Cross Plattform Event Tracking

Track your events accross multiple plattforms

How To inject in your application

Default variant

<script>
    (function (window, document, scriptTagName, dataLayerName, identification, intial_payload = {}) {
        var f = document.getElementsByTagName(scriptTagName)[0];
        var newScriptTag = document.createElement(scriptTagName);
        var timestamp = new Date(Math.ceil(new Date().getTime()/15e4)*15e4).getTime();
    
        window[dataLayerName] = window[dataLayerName] || [];
    
        // Kompilierte Version
        var src = 'https://client.analytics.brandsarelive.com/assets/javascripts/' + identification + '/index.js?v=' + timestamp;
        
        newScriptTag.src = src;
        newScriptTag.async = true;
        newScriptTag.dataset.id = identification;
        newScriptTag.dataset.dataLayerName = dataLayerName;
        newScriptTag.dataset.timestamp = timestamp;
    
        if (Object.keys(intial_payload).length > 0) {
        newScriptTag.dataset.init = JSON.stringify(intial_payload);
        }
    
        f.parentNode.insertBefore(newScriptTag, f);
    })(window, document, 'script', 'bal', 'YOUR_PARTITION_KEY');
</script>

Variant with default payload

<script>
    (function (window, document, scriptTagName, dataLayerName, identification, intial_payload = {}) {
        var f = document.getElementsByTagName(scriptTagName)[0];
        var newScriptTag = document.createElement(scriptTagName);
        var timestamp = new Date(Math.ceil(new Date().getTime()/15e4)*15e4).getTime();
    
        window[dataLayerName] = window[dataLayerName] || [];
    
        // Kompilierte Version
        var src = 'https://client.analytics.brandsarelive.com/assets/javascripts/' + identification + '/index.js?v=' + timestamp;
        
        newScriptTag.src = src;
        newScriptTag.async = true;
        newScriptTag.dataset.id = identification;
        newScriptTag.dataset.dataLayerName = dataLayerName;
        newScriptTag.dataset.timestamp = timestamp;
    
        if (Object.keys(intial_payload).length > 0) {
        newScriptTag.dataset.init = JSON.stringify(intial_payload);
        }
    
        f.parentNode.insertBefore(newScriptTag, f);
    })(window, document, 'script', 'bal', 'YOUR_PARTITION_KEY', { user_id: 'SERVER_USER_ID', additional_data: { init_script: 'demo properties from init script' } });
</script>