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

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.
On the Tag Manager container you want to edit.
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:
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>
  
  <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>
  
  
  <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 'GTM-ABCDEFGH,' 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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  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.

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。