Google Tag Manager script integration #36

sergiocastro95 · 2022-09-29T16:42:25Z

sergiocastro95
Sep 29, 2022

Summary

Following the way to integrate the tinybird script that sends the events is this:

<script
  defer
  src="https://unpkg.com/@tinybirdco/flock.js"
  data-token="YOUR_TRACKER_TOKEN">
</script>

This works if you hardcoded the snippet directly in your html <head> tag, but it doesn't work if you try to insert throught Google Tag Manager.
GTM removes all data-attributes (and defer too) so the script could not take the tracker token and all the requests fails:

The solution is to change the original script for this one (you could minify it before use in production):

<script>
  var script = document.createElement('script');
  script.defer = true;
  script.src = "https://unpkg.com/@tinybirdco/flock.js";
  script.dataset.host = "YOUR_HOST";
  script.dataset.token = "YOUR_TRACKER_TOKEN";
  document.getElementsByTagName('head')[0].appendChild(script);
</script>

It creates your script tag with all data needed once page is load, so GTM can't remove any data-attributes .
As a result, script loads correctly and the events are sent 🎉

It also works if you copy&paste directly inside <head> tag. So this could be the default way to insert the script in any web page.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Google Tag Manager script integration #36

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Google Tag Manager script integration #36

Uh oh!

sergiocastro95 Sep 29, 2022

Summary

Replies: 0 comments

sergiocastro95
Sep 29, 2022