快速入门指南

所谓 Google 跟踪代码管理器容器代码段,指的是可以粘贴到您的网页的一小段 JavaScript 和非 JavaScript 代码。通过将 gtm.js 插入网页或(在 JavaScript 不可用时)使用 iframe,它可以让跟踪代码管理器触发代码。

要在您的网站上实现 Google 跟踪代码管理器,请执行如下步骤:

  1. 复制以下 JavaScript 代码,并在您网站的每个网页上将其粘贴到尽可能地靠近起始 <head> 标记的位置,注意要将 GTM-XXXX 替换为您的容器 ID:
    <!-- 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-XXXX');</script>
    <!-- End Google Tag Manager -->
    
  2. 复制以下代码段,并将其紧挨着粘贴到您网站的每个网页上的起始 <body> 标记后,注意要将 GTM-XXXX 替换为您的容器 ID:
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    

只需添加基本代码即可完成许多跟踪代码管理操作,但如果您想要对代码事件或数据进行更精细的控制,可能需要使用我们的异步方法进行一些自定义设置。

要详细了解如何将当前网站上的代码配置迁移到 GTM,请参阅我们就以下主题提供的其他文章:

要进一步自定义您的代码添加设置,请参阅以下额外资源:

  • 添加事件和变量 - 了解如何使用 Google 跟踪代码管理器收集动态数据和跟踪事件。
  • 多个网域 - 了解跨多个网域实现 Google 跟踪代码管理器的最佳做法。
  • 重命名数据层 - 在某些情况下,您可能需要更改数据层名称。
  • 安全性 - 了解可以帮助网站所有者解决棘手安全难题的其他 Google 跟踪代码管理器功能。

此外,您还可以通过阅读了解 Google 跟踪代码管理器的问题排查最佳做法