通知

“Google Analytics(分析):GA4 配置”代码现已更名为 Google 代码。自 9 月起,网络容器中的 GA4 配置代码将会自动迁移。您的现有衡量不会发生任何变化,您也无需采取任何行动。了解详情

Get started with Tag Manager

2. 安装网络容器

请按照下文中介绍的步骤操作,为您网站的 Google 跟踪代码管理器容器添加必要的代码段。如需了解为其他类型的容器设置跟踪代码管理器的类似步骤,请参阅下列资源:


准备工作

步骤

  1. 前往 https://tagmanager.google.com
  2. 登录您的 Google 账号。了解如何创建 Google 账号
  3. 打开要修改的跟踪代码管理器容器。
  4. 工作区标签页中,选择您的容器 ID(以“GTM”开头)。
  5. “安装 Google 跟踪代码管理器”对话框中,对您网站的每个网页执行以下步骤:
    注意:如果您的网站是使用 Wordpress、Shopify 或 Wix 等网站开发工具或内容管理系统 (CMS) 构建的,则可以通过集成方法来设置 Google 代码,而无需更新网站中每个网页上的代码。了解如何使用网站开发工具或 CMS 添加 Google 代码
    1. 复制第一个代码块并将其粘贴到 <head> 标记中尽可能靠上的位置。
      示例
      在下面的 HTML 代码示例中,您需要将第一个 Google 跟踪代码管理器代码段粘贴到起始 <head> HTML 标记之后。请注意,以下示例使用的是“GTM-ABCDEFGH”,但您必须将该 ID 替换为自己的容器 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. 复制第二个代码块并将其粘贴到起始 <body> 标记之后,且紧邻该标记。
      示例
      在下面的 HTML 代码示例中,您需要将第二个 Google 跟踪代码管理器代码段粘贴到起始 <body> HTML 标记之后,且紧邻该标记。请注意,以下示例使用的是“GTM-ABCDEFGH”,但您必须将该 ID 替换为自己的容器 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. 输入网站链接,然后点击测试,以测试您的网站。
  6. 点击确定

后续步骤

使用 Google 跟踪代码管理器设置和管理代码。

该内容对您有帮助吗?

您有什么改进建议?

需要更多帮助?

请尝试以下步骤:

搜索
清除搜索内容
关闭搜索框
主菜单
2309515917955684246
true
搜索支持中心
true
true
true
true
true
102259
false
false