快速入门指南

所谓 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 跟踪代码管理器的问题排查和最佳做法。