Google Tag Manager provides a code snippet that can be added to your pages in your HubSpot settings. For more information about Google Tag Manager, see Google's getting started guide, which includes a page on common questions.
Copy the code from Google Tag Manager
- Log in to your Google Tag Manager account.
- Click the Admin tab.
- Under the Container column, click the Container that contains your tags from the dropdown.
- Click Install Google Tag Manager.
- On the next screen, you will be able to copy both code snippets (1) and (2) for your Google Tag Manager Container.
Add the Google Tag Manager code to HubSpot pages
Google advises the Javascript code snippet (labeled 1 in the above screenshot) to be placed as high in the <head> of the page as possible. This can be done in your settings in the Site header HTML field.
Google also advises that the <noscript> snippet (labeled 2 in the above screenshot) is placed after the opening <body> tag. However, it can be added to other sections of the page, depending on a website's settings. See Google Tag Manager's documentation for more details.
When adding code to the body of your HubSpot pages site-wide, you can only add the code directly before the closing </body> tag. This can be done in your settings in the Site footer HTML field.
- In your HubSpot account, click the settings icon in the main navigation bar.
- In the left sidebar menu, navigate to Website > Pages.
- Use the Modifying dropdown menu to choose a domain, or choose All domains to add the code to all your HubSpot-hosted domains.
Please note: if you add code to the header or footer HTML for a specific domain, it will override any code you have placed in header and footer HTML for All domains. Learn more about the order that code is applied to your pages.
- Add the code snippets you copied from Google Tag Manager:
- Add your Javascript code snippet in the Site header HTML field.
- Add your <noscript> code snippet to the Site footer HTML section.
- Click Save to apply your changes.
