This article shows you how to implement Google Tag Manager inside of your site.
Note: This has very specific instructions for the tag manager to work well with your sites. This is necessary because we implement AJAX page changes, which means by default, there is no page view event that tag manager relies on after a site visitor changes pages.
This article does not follow Google’s instructions exactly, but have been tested and work correctly. The instructions have been changed from Google’s instructions.
To get the Google Tag Manager (GTM) code, log into your GTM account, open the container, and click on the container ID (GTM-XXXXXX) to reveal the two code snippets: one for the <head> and one for the <body>.
Here's a more detailed breakdown:
In the side panel, click SEO & Settings, and then click the Google Tools tab.
Type your Google Tag Manager ID. Note that while Google frequently makes updates, our field is always up-to-date in what it needs to connect to Google If you get a “Invalid Google ID” error message, this means your Google Tag Manager ID is invalid or misspelled.
Republish your site to update.
Warning: This step is critical in allowing Google Tag Manager tracking inside your site.
Next, we need to replace the default All Pages page view trigger with our custom event. Inside of tag manager, we need to first create the custom event trigger:
6. In the event name box, type PageView.
7. Click save in Tag Manager.
After creating the trigger, we need to apply it to the tags we want. This needs to be done for every tag you use on the site to trigger for page view events. In this example, we apply it for Google Analytics Universal.
Note: If there’s already the All Pages trigger applied, please delete it. We only need the custom trigger to run.
6. Select a new variable.
7. Select Google Analytics Settings.
8. Type your GA tracking ID, and type a name for your variable at the top.
9. Select the variable and click Save.
After you have made these changes to Tag Manager, click Submit and then Publish the changes to the live settings.
body-end.html
section of Developer Mode works for adding the noscript code and default code.We believe your Search Engine Optimisation strategy including content, link building, page titles and more is best done by those who know your business best - you! We have put together a checklist to help you manage this yourself.
About CCH Web Manager
CCH Web Manager is a website solution for accountants to manage their content and grow their online presence. Easily add and edit website content and images with our intuitive editor.
Help Videos
A series of short videos to help you get started with CCH Web Manager.
SEO Tips
Learn how to improve your websites organic Search Engine Optimisation with simple tools and tips for online visibility.