Notification

G Suite is now Google Workspace: everything your business needs to get work done.

Set up Google Tag Manager

2. Install a web container

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

Steps

  1. Go to https://tagmanager.google.com.
  2. Sign in to your Google Account. Learn how to create a Google Account.
  3. Open the Tag Manager container you want to edit.
  4. In the Workspace tab, select your container ID (which starts with 'GTM').
  5. In the Install Google Tag Manager dialog, follow these steps for each page of your website:
    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 'GTM-ABCDEFGH,' but you must replace the ID with your container ID.
       

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <!-- 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-ABCDEFGH');</script>
              <!-- End Google Tag Manager -->

              <title>Example Webpage</title>
          </head>
          <body>
              <!-- Content of your website -->
              <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 'GTM-ABCDEFGH,' but you must replace the ID with your container ID.
       

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <!-- 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-ABCDEFGH');</script>
              <!-- End Google Tag Manager -->

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

              <!-- Content of your website -->
              <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.
  6. Click OK.

Next steps

Use Google Tag Manager to set up and manage tags.

Was this helpful?

How can we improve it?
Search
Clear search
Close search
Google apps
Main menu