0
Posted 08 March 2019 - 11:43 PM #1
I am having an issue trying to get a Google Tag Manager script into the <head> section of my web pages. I have inserted the code into the file:
/my_changes/hooks/index/scripts.post.tpl
As recommended in other posts but it does not show in the source code. I have tried both with and without {literal}. I have also tried to install it in the "default" layout in the custom HTML code box as also suggested but the code just disappears when I hit "save".
Any direction would be appreciated.
Posted 09 March 2019 - 07:42 PM #2
Just wanted to mention that I followed these instructions from another post and it shut down my site:
Hello! You can create a file [cscart_root]/design/themes/[your_theme]/templates/addons/my_changes/hooks/index/head_scripts.post.tpl in my_changes addon and put your code to it.
The code I am trying to add is:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googleta...?id="></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '');
</script>
Posted 11 March 2019 - 05:42 AM #3
Posted 23 April 2019 - 12:57 PM #4
We put it in a meta.override.tpl which for us has a bunch of opengraph, schema code, and stuff for the head section of the site.
You need to place it inside literal tags or it breaks the store. And, include data-no-defer to make sure the tag stays at the top. Here's what ours looks like. And it works.
{literal}
<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxxx -->
<script async src="https://www.googleta...AW-xxxxxxxxxx" data-no-defer></script>
<script data-no-defer>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-xxxxxxxxxx');
</script>
{/literal}
Sign In