Get started with Tag Manager

2. Install a web container

Next: 3. Add the Google tag in Google Tag Manager

Follow these steps to install the necessary code snippets for your website's Google Tag Manager container. For similar steps on setting up Tag Manager for other types of containers, refer to the following resources:

Before you begin

You must create a Tag Manager account and container.
You must be able to access the code for your website.

Steps

Go to https://tagmanager.google.com.
Sign in to your Google Account. Learn how to create a Google Account.
Open the Tag Manager container you want to edit. Find your way around Tag Manager.
In the Workspace tab, select your container ID (which starts with 'GTM').
In the Install Google Tag Manager dialog, follow these steps for each page of your website:

Note: If your website is built using a website builder or content management system (CMS) like Wordpress, Shopify, or Wix, you can set up the Google tag with an integration that doesn't require you to update the code on each page of your website. Learn how to install the Google tag with a website builder or CMS
1. Copy the first block of code and paste it as high in the <head> tag as possible.
  
  Example
  In the following sample HTML code, you would paste your first Google Tag Manager code snippet after the opening <head> HTML tag. Note that the following example uses 'ignoredABCDEFGH,' but you must replace the ID with your container ID.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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://googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','ignoredABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
2. Copy the second block of code and paste it immediately after the opening <body> tag.
  
  Example
  In the following sample HTML code, you would paste your second Google Tag Manager code snippet immediately after the opening <body> HTML tag. Note that the following example uses 'ignoredABCDEFGH,' but you must replace the ID with your container ID.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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://googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','ignoredABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <noscript><iframe src="https://googletagmanager.com/ns.html?id=ignoredABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
3. Test your website by entering your website's link and then clicking Test.
Click OK.

Next steps

Use Google Tag Manager to set up and manage tags.

Was this helpful?

How can we improve it?