Note: This article walks through adding Google Tag Manager to your website. For adding the Google Analytics GA4 Tag, please refer to this article.
When adding Google Tag Manager (GTM) to your website, you will want to make sure it "fires" on all pages. To do this, you will need to add an HTML block to your footer with one portion of GTM tag code, then place the second portion of the code in the Head JS panel found under your Developer Tools dashboard.
Obtain your GTM tag
- 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
- 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 its title.
- Select your blue Tracking ID link that starts with "GTM-". Selecting the ID opens a pop-up that lets you copy your embed code.
- In the pop-up that appears, 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).
Add the GTM tag to your website
- Once the code is copied, navigate to your website dashboard and select the Developer tab at the top of your Websites app. Note: Only users with the Manager or Admin role will have access to the Developer tools. More information on user roles.
- Select Head JS on the left-hand sidebar.
- 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 text area. (CTRL+V or CMD+V depending on PC/MAC computer to paste)
- 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).
- Back into your website dashboard, select the Pages tab at the top of your Websites app, then select Footer under Global Content on the right-hand sidebar.
- In the Footer, select the (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.
- Select HTML from the menu that appears.
- An HTML Block will be created. Paste the code you copied in Step 4 into the large field box of your HTML block and select the blue Save button.
- Click the Publish button at the top of the page to complete the Google Tag Manager installation.
Optional: If you would like to verify that your pixel installation was a success, download this Google Chrome Extension and run it to verify your pixel.
Comments
0 comments
Article is closed for comments.