Steve Doig

Some notes on web development, IT

Select Page

If you try and add the Google Tag Manager script code directly into your header.tpl or head.tpl files, unfortunately, your front end styles will break.
To overcome this, wrap your GTM code in a literal:
{literal}
<!-- script code here -->
{/literal}

e.g:
{literal}
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
{/literal}