Integration using GTM

You can integrate with BlinkLink using Google Tag Manager. Follow the following steps to enable BlinkLink Script load on your website:

1. Create a Custom HTML tag on GTM

2. Copy the following code and add the correct API Key

<script>
var sdkContainer = document.createElement('script');
sdkContainer.src = 'https://sdk.dev.blinklink.com/bundle.js?apiKey=<<YOUR_API_KEY>>';
sdkContainer.async = true;
function loadAfterDom(){
    document.getElementsByTagName('head')[0].appendChild(sdkContainer);
}
document.addEventListener('DOMContentLoaded', loadAfterDom());
</script>

Screenshot for reference

1. Add the following code in your website to load the carousal in the div:

<!-- each data-placement and data-stream needs to be unique refer documentation-->
<div
  class="blVideoCarousal"
  data-stream="HomePage"
  data-placement="PLACEMENT0001" 
></div>

1. Publish your changes. All done!