How do I install Google Tag Manager in my site?

There is a special way to add the Google Tag Manager script into your site so that it functions properly on all pages of the site. To do this, you will need to add an HTML block to your footer with a portion of code and then the other portion you should place into the Head JS panel found under your Developer Tools area.

1. To begin the implementation process of your tracking code, you will first need to retrieve it from Google. If not already logged in to Google, go ahead and login to Google Tag Manager via this link:

https://tagmanager.google.com

2. The link above should take you to a list of all your Google Tag Manager accounts. Access the account for the site you are working on by selecting it's title:

step2_gtm.jpg

3. Select your blue Tracking ID link, it starts with "GTM-". Selecting the ID opens a popup modal allowing you to copy your embed code:

step3_gtm.jpg

4. This part requires detailed attention. In the modal, look at the code and in the first field box, highlight only the portion of code between <script> and </script>. The screenshot below shows the exact highlighted code that you need. Copy the highlighted code to your clipboard.

(CTRL+C or CMD+C depending on PC/MAC computer to copy)

step4_gtm2.jpg

5. Now, go into your SpaceCraft Dashboard in a new browser tab, enter your Developer Tools, then into the Head JS panel by selecting it's title.

step5.jpg

6. Paste the copied code into the very top portion of the Head JS panel and select the blue Save button to complete placing your code into the Head JS area.

(CTRL+V or CMD+V depending on PC/MAC computer to paste)

step6.jpg

7. Go back to your browser tab for Google Tag Manager. Highlight the entire code in the second field box and copy it to your clipboard.

(CTRL+C or CMD+C depending on PC/MAC computer to copy)

step7.jpg

8. Back into your SpaceCraft Dashboard again, select Content from the Dashboard navigation bar.

9. Select Footer in the sidebar under Global Content.

10. Select the green (+) button at the bottom of the page or between your current content blocks, you will see all of your available block options.

11. Select the green HTML option:

step_10-11.jpg

12. Now, paste the code you copied earlier into the large field box of your HTML block and select the blue Save button:

step12.jpg

13. Select the green Publish button in the top righthand corner of the Dashboard to make your changes live on the site and your Google Tag Manager install is complete. That's all folks!

Powered by Zendesk