close
Font size options
Increase or decrease the font size for this website by clicking on the 'A's.
Contrast options
Choose a colour combintion to give he most comfortable contrast.

Google Tag Manager with Communico

Warning: Adding custom <head/> tag HTML or custom site javascript could cause unexpected behaviour in your site if not formatted correctly. Please follow these instructions carefully.

Set up Google Tag Manager

As an organization, you will only need one Tag Manager account, and within that, you can set up multiple containers.

To create an account and container:

1. Go to https://tagmanager.google.com

2. Click Create Account. Enter your company name, and select your country. Click Continue

3. Create your first container, by entering a name, and selecting Web. Click Create.

To add a container to an existing account:

1. Go to https://tagmanager.google.com

2. Select the relevant account, click Create Container. Name it, select Web and click Create.

For more detail, you can find Google's own instructions here.

Install the Container

Locate your container ID. It can be found in the Tag Manager, under Workspace, near the top of the window.

Note: The Container code will be in the format "GTM-XXXXXX"

1. In the Communico Control Panel, navigate to Sites, select your site, switch to the Custom site </head> tab. 

2. Paste the following code into the text field, making sure to replace the placeholder "GTM-XXXX" with your own container ID:

<!-- Google Tag Manager -->
<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-XXXX');</script>
<!-- End Google Tag Manager -->

3. Save the changes. 

4. Next, switch to the Custom Site JavaScript tab.

5. Again, paste the following code into the text field, making sure to replace the placeholder "GTM-XXXX" with your own container ID:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

6. Save the changes. 

For more general instructions, you can find Google's own instructions here.