Problem with Google adwords tags

[warwick]

Hi there,

I have been trying to add Google tracking codes to my website and there is a problem with the way Xara handles the sequence of <script> tags:

Google needs a global tag on every page, such as -

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-43XXX2NPLR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-43Q1XXXPLR'); // Analytics
gtag('config', 'AW-1072XXX328'); // Adwords
</script>

That can be added into the Xara website either via the 'Web Analytics' tab or 'Website HTML Code (Head)'.
All good so far. But for tracking action conversions i.e. where a customer then goes to a particular page, Google needs another tag on the particular landing page as well e.g.

<!-- Event snippet for StartedKeySense conversion page -->
<script>
gtag('event', 'conversion', {'send_to': 'AW-1072XXX328/5G85CNTK-usCEICJuP8D'});
</script>

which must be immediately following the global tag.

The problem is that the only way I can add the conversion tag is using 'Page HTML (Head)'. But when Xara uploads the website it puts this tag way, way down the sequence of code - nowhere near the global tag script. I cannot see any way to force it directly following the global tag. The end result is that Google doesn't recognise the tag (at all).

The temporary 'fix' I have in place is to manually edit the pages after I publish (i.e. change the HTML source), then to remember to do it again every time there is an update.

Surely there must be a better way.
Any ideas anyone?

[Egg Bramhill]

Hi Warwick, I don't use Google Analytics but does the below work if pasted in the Page Head section i.e. just add both sets of code to the page head placeholder :

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-43XXX2NPLR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-43Q1XXXPLR'); // Analytics
gtag('config', 'AW-1072XXX328'); // Adwords
</script>

<!-- Event snippet for StartedKeySense conversion page -->
<script>
gtag('event', 'conversion', {'send_to': 'AW-1072XXX328/5G85CNTK-usCEICJuP8D'});
</script>

[Acorn]

I have the same suggestion as Egg.

Never edit Xara code; therein lies Dragons!

Acorn

[warwick]

Thanks for the responses. The solution I have come up with is to detect which page we are on and only trigger the conversion tag accordingly. This way the same code can be inserted in all site pages e.g.

<!-- Global site tag (gtag.js) - Google Ads: 107xxx3328 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-107xxx3328"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10xxx63328');

if (window.location.pathname == '/test') {
gtag('event', 'conversion', {'send_to': 'AW-10xxx63328/5G85CNTK-usCEICJuP8D'});
console.log('On conversion page ' + window.location.pathname)
} else {
console.log('On some other page')
}
</script>

Warwick

[Acorn]

@Warwick, as long as you are happy.
You are introducing unnecessary code where you could just control it through additions in the page head.
Code always needs testing.
It also becomes wormy when you add or remove pages and variants.

Acorn