什么是Google Tag Manager?完整入门指南

什么是Google Tag Manager?
你知道访客是如何与你的网站互动的吗?

了解访客经常访问哪些页面、停留多长时间以及点击哪些页面可以帮助您了解哪些有效,哪些无效。

但是,如果您没有相关经验,收集(和分析)所有这些数据可能会让您感觉像登山一样困难。再加上您要管理的其他业务,谁还有时间呢?

这就是 Google Tag Manager (GTM) 的用武之地。

GTM 为营销人员(或其他非网络开发人员)提供了一种免费且适合初学者的方式,让他们无需了解如何编写代码即可为自己的网站创建和管理标签。一旦掌握了 GTM,您就可以设置带有特定触发器和变量的标签,以收集各种访客行为的数据,甚至包括特定点击和滚动等细微动作。

反过来,这些数据可以帮助您优化网站,以提高销售额、捕捉更多潜在客户,并创造更吸引人(更方便客户)的体验。

准备好学习如何使用 GTM了吗?让我们进入正题。

什么是 Google Tag Manager?

GTM 是一款免费工具,它允许您安装、存储、更新和管理营销标签,而无需知道如何修改网站代码。营销标签是收集数据以跟踪用户操作的代码片段。例如,Google Analytics 标签跟踪用户在网站上的互动,AdWords 标签帮助跟踪广告效果,热图工具跟踪用户在网页不同部分的参与情况。

Google Analytics 等平台需要使用标签来收集所需的数据。但是,如果您试图自己在网站代码中放置这些标签,可能会给您的网站带来很多风险(如标签和其他网页元素被遗忘、丢失或损坏)。GTM 通过在软件中安装、部署和管理标签,而不是在网站代码中安装、部署和管理标签,从而消除了这种风险。这也让不懂代码的人也能管理标签–在开发人员与数字营销人员、分析师和其他利益相关者之间架起了一座桥梁。

Google Tag Manager 的工作原理

Google Tag Manager 通过一个放置在网站上的容器标签运行。安装后,该容器将充当网站与要实施的跟踪工具之间的中间人。您无需直接在网站上添加每个跟踪代码,而是通过 GTM 界面将它们添加到 GTM 容器中。该容器可容纳您要实施的所有标记,并根据您定义的触发器(如点击、表单提交或页面加载)在网站上触发这些标记。

How-Google-Tag-Manager-Works

这不仅简化了管理多个标签的流程,还能让您控制触发标签的时间和方式。通过 GTM,您可以为每个标签设置详细的规则和条件,确保它们能根据需要精确地收集数据。这种定制水平对于数据准确性以及符合用户隐私和同意规定至关重要。

在此过程中,Google Tag Manager 通过汇集三个关键组件来发挥作用: 标签、触发器和变量。在收集和发送信息的过程中,每个组件都发挥着独特的作用。要了解 GTM 如何运行,您需要了解这些元素以及它们之间的相互作用。

了解标签

标签是 Google 标签管理器的核心。它们是来自第三方工具(如 Google Analytics、Facebook Pixel 等)的代码片段或跟踪像素,用于收集网站信息并将其发送到另一个数据收集系统。每个标签的设计都是为了收集特定类型的数据:页面浏览、表单提交、电子商务交易等。GTM 是一个集中式平台,您可以在此管理所有这些标签,而无需手动将它们添加到网站代码中。

在 GTM 中设置标签时,您可以指定标签在网站上何时何地触发,这由触发器控制。

标签示例

  • Google Analytics 4 配置标签:为最新版本的 Google Analytics 设置跟踪,捕捉各种用户互动。
  • Google Ads 转换跟踪标签:跟踪来自 Google 广告活动的转换,如表单提交或购买。
  • Facebook/Meta Pixel 标签:跟踪 Facebook 广告活动的用户行为和转换。
  • Hotjar 跟踪标签:记录用户行为并创建热图,用于用户互动分析。
  • LinkedIn 洞察标签:跟踪 LinkedIn 广告活动的转化率、网站人口统计和重定向。

了解触发器

触发器是您为标签在网站上执行代码所设定的条件。从本质上讲,触发器告诉 GTM 何时触发标签。

您可以根据各种用户交互或行为创建触发器,如点击、表单提交、页面浏览,甚至当用户滚动到网页上的某个点时。

触发器可以非常具体,让你可以针对页面上的某些元素;也可以很宽泛,适用于多种情况。通过组合不同的触发器,您可以精确控制标签,确保它们只在正确的情况下触发,以收集正确的数据。

触发器示例

  • 页面查看触发器:当用户查看页面时触发标签。可为所有页面或特定页面设置。
    点击触发器:当用户点击某个元素时触发标签。可进一步指定为所有点击、部分点击、仅链接或仅按钮。
  • 表单提交触发器:当用户在网站上提交表单时激活。
  • 滚动深度触发器:根据用户在页面上向下滚动的程度触发标签。
  • 计时器触发器:在设定的时间间隔或经过一定时间后触发标签。

Trigger-Combinations-Examples-For-Precision-Tracking

了解变量

变量是 Google 标签管理器的第三大支柱,可为您的数据收集提供额外的灵活性和精确性。变量被命名为占位符,用于存放会发生变化的值,如 URL、表单输入或点击 ID。变量既可用于触发器,也可用于标签,以定义和捕获要使用的特定数据。例如,当用户提交表单时,变量可用于捕获页面的 URL,从而让你知道哪个页面是转换的源头。

变量可以使触发器更加智能。例如,你可以使用变量指定只有当用户点击带有特定标签或 ID 的按钮时才触发标签,而不是在所有点击时都触发标签。这种详细程度可确保标签只在正确的上下文中触发,从而提高数据收集的准确性。

变量示例

  • URL 变量:捕捉并存储当前页面的 URL。推荐人变量:保存引用网站的 URL。
  • 点击文本变量:存储点击元素的文本。
  • 表单元素变量:捕捉输入表单的值。
  • 第一方 Cookie 变量:读取指定的第一方 Cookie 值: 读取指定的第一方 Cookie 值。

为什么使用 Google Tag Manager?

对于需要在网站和移动应用程序上管理标签的营销人员和其他非开发人员来说,Google Tag Manager 已经改变了游戏规则。以下是它的一些主要优点。

简化标签管理

GTM 简化了添加和更新标签的过程。如果没有 GTM,您就必须手动将每个标签编码到网站中,这样既费时又容易出错。GTM 的用户友好界面让您可以在一个地方管理所有标签,减少了复杂的编码工作,简化了整个标签管理流程。

每次更改都无需依赖开发人员

GTM 的最大优势之一是它能让营销人员独立于 IT 或网站开发团队。一旦在网站上添加了 GTM 容器代码,营销人员就可以添加、编辑和停用标签,而无需进一步修改网站代码。这加快了流程,并允许快速实施跟踪标签,这在快节奏的营销环境中尤为有利。

提高网站速度

过多的标签会降低网站速度,影响用户体验和搜索引擎优化。GTM 允许标签异步触发,从而在这方面有所帮助。这意味着标签可以独立加载,而不会影响页面上其他元素的加载时间。这样,网站的运行速度就会更快,访问者的体验也会更好。

Improve-Site-Speed-With-Fewer-Tags

更好的数据准确性

GTM 的精确触发选项可确保标签只在正确的条件下触发。这种精确性可帮助您尽可能收集到最准确的数据。GTM 还提供内置的错误检查和调试工具,有助于确保您的标签在上线前正常工作。

版本控制和用户权限

在 GTM 中进行的每次更改都会保存为一个新版本。这意味着,如果新的实施出现问题,你可以很容易地返回到以前的版本。GTM 还允许你设置用户权限,让你控制谁可以查看、编辑或发布标签。这对大型团队和机构尤其有用。

内置测试和调试工具

GTM 自带一套强大的测试和调试工具,其中包括一个预览模式,让你能在发布标签前在网站上对其进行测试。这有助于您及早发现问题,确保数据收集的准确性。

符合数据隐私和同意要求

随着对 GDPR 和 CCPA 等用户隐私和数据保护法律的日益重视,GTM 有助于合规。它允许轻松实施同意管理平台,并确保只有在获得同意的情况下才会触发标签,从而尊重用户偏好和法律要求。

跨平台跟踪

GTM 不仅限于网站:它还支持移动应用程序。您可以用它来管理 Android 和 iOS 应用程序中的标签,提供跨网络和移动平台的统一标签管理解决方案。

成本效益

最后,Google Tag Manager 是一款免费工具。尽管功能强大,但使用基本版 GTM 无需支付任何直接费用,因此各种规模的企业都可以使用。

如何在网站上添加 Google Tag Manager

1. 要设置 Google Tag Manager,请登录 Google 账户,转到 Tag Manager,然后单击 Create Account

2. 输入 “Account Name”。Google 建议一个企业只有一个 Tag Manager 帐户,即使它有多个网站,因此您的公司名称可以作为您的帐户名。在此页面,您还可以选择国家/地区。

3. 输入 “Container Name”。容器是您添加到网站上的一段代码,用于使 Google Tag Manager 正常工作,您通常会为每个网站创建一个唯一的容器,因此容器名称可以是您的网站名称或 URL。

4. 选择 “Target Platform”。对于网站,请选择 Web。

创建 Google Tag Manager 账户

5. 单击 “Create“。这将完成您的 Tag Manager 账户并创建第一个容器。你会看到两个弹出窗口。

第一个是 Google Tag Manager 服务条款协议。您需要选中页面底部的复选框,并点击右上角的 “Yes” 接受条款。

Google Tag Manager 服务条款协议

第二部分是如何在网站上安装第一个容器的代码片段指南。它说明了复制和粘贴两个代码段的位置(第一个代码段尽可能放在页面 <head> 的最上方,第二个代码段紧接在 <body> 标签之后)。如果您需要更多帮助,它还提供了 Google 快速入门指南的链接。

Google Tag Manager 代码

如何添加标签

您可以添加 50 多种不同类型的标签,但我们将引导您完成添加 Google Analytics 4 标签的过程,这是最常用的标签之一。在按照以下步骤操作之前,请确保移除网站上的任何 Google Analytics 代码(否则,一旦添加了 GA4 标签,分析结果可能会出现重复点击)。

1. 登录 Google Tag Manager 账户。点击 Container name。进入 GTM 面板后,单击 “New Tag” 或 “Add New Tag“。

添加标签

2. 为标签添加名称。对于 GA4 标签,请使用描述性的名称,如 “GA4” 或 “GA4 Configuration”。在 Tag Configuration 框中,选择 Google Tag。在 Tag ID 字段中,输入您的 Google 标签 ID。单击 Save

添加 GA4 标签   添加 GA4 事件标签

3. 单击 “Triggering” 框,从列表中选择 “All Pages”,然后单击 “Save”。

4. 回到工作区概览页面,点击 “Preview”。在下一个屏幕中输入您网站的 URL,然后点击 “Connect”。这将在一个新窗口中打开你的网站,这样你就可以测试新的更改,并在需要时进行调试。保持新窗口打开,返回预览页面,页面上应显示 “Connected!”。点击 “Continue”。然后,当您在另一个窗口中浏览网站时,应该可以看到您的新 GA4 标签在预览页面上启动。这意味着您的标签实施成功。

5. 返回页面概览并点击 “Submit”。给您的版本命名和描述,然后点击 “Publish”,将新更改推送到您的实时网站。这将在您的网站上发布容器的新版本,并允许您在游客浏览时开始收集 GA4 数据

使用 Google Tag Manager 进行跟踪的 5 种方法

使用 Google 标签管理器的方法有很多,本文无法一一介绍。但下面列出的几种方法可以帮助您开始使用。

1. 跟踪页面浏览量和用户行为

  • 使用 Google Analytics:GTM 最常见的用途是部署 Google Analytics (GA) 跟踪。通过在 GTM 中添加 GA 标签,您可以跟踪页面浏览量、用户在网站上停留的时间、跳出率和其他标准指标。
  • 使用热图工具:使用 GTM 整合 HotjarCrazy Egg 等热图工具,了解用户与网站的交互情况。

2. 跟踪事件和转换

  • 通过按钮点击:跟踪特定按钮的点击情况,如 “Buy Now” 或 “Sign Up”,以了解用户参与和转化情况。
  • 表单提交:监控用户在网站上提交表单的时间,这对于跟踪潜在客户生成至关重要。
  • 文件下载:了解用户从网站下载 PDF 或其他资源的频率。

3. 跟踪电子商务交易

  • 使用 Google Analytics Enhanced E-commerce:使用 GTM 实施增强型电子商务跟踪,详细分析用户与电子商务网站的互动情况,包括产品浏览、向购物车添加商品和完成交易。
  • 使用第三方电子商务平台:整合 Shopify 或 WooCommerce 等平台的标签,使电子商务跟踪与分析平台保持一致。

4. 实施再营销和广告跟踪

  • 使用 Google Ads Remarketing:通过 GTM 添加 Google Ads 再营销标签,向之前访问过您网站的用户展示广告。
  • 使用 Facebook/Meta Pixel:使用 GTM 在网站上实施 Facebook/Meta Pixel,这有助于跟踪来自 Facebook 广告的转化、优化广告、建立目标受众,以及对已在网站上采取某种行动的用户进行再营销。

5. 确保 GDPR 合规性和同意管理

通过 cookie 同意管理: 通过 GTM 为 cookie 同意管理平台实施标签。这些标签可设置为仅在用户同意时才触发,从而帮助您遵守 GDPR 和其他隐私法规。

Google Tag Manager 与 Google Analytics:有什么区别?

Google Tag Manager (GTM) 和 Google Analytics (GA) 都是 Google 提供的强大工具,但它们的用途却截然不同。了解它们之间的区别非常重要,这样您就能在数字战略中有效利用这两种工具。

Google Tag Manager

目的:GTM 是一种标签管理系统,可让您快速、轻松地更新网站或移动应用程序上的测量代码和相关代码片段(统称为标签)。GTM 的主要功能是托管和管理网站上用于跟踪和分析的 JavaScript 和 HTML 标签。

功能:它简化了添加和编辑标签的过程,无需修改网站代码。GTM 不仅能处理 Google 标签,还能处理第三方标签。它可让您部署和管理各种营销和分析标签,包括 Google Analytics、Google Ads、Hotjar 等。

Google Analytics

目的:GA 是一种分析服务,可提供对网站流量、用户行为和其他关键指标的洞察。它的主要功能是收集网站数据并将其编译成综合报告,帮助您了解访客与网站的互动情况。

功能:Google Analytics 可跟踪页面浏览量、用户会话、跳出率和用户人口统计等数据。它还可以跟踪更复杂的互动,如电子商务交易、事件(如点击按钮或播放视频)和目标(如提交表单或下载)。

主要区别

数据处理:GTM 本质上是一个中间人,帮助你管理如何在网站上实施各种跟踪代码。它本身并不收集或存储任何数据。与此相反,GA 只负责数据;它收集、存储和分析有关网站访客及其行为的数据。

实施:要使用 Google Analytics 收集数据,您需要在网站上实施 GA 跟踪代码。这可以直接在网站代码中实现,也可以通过 Google 标签管理器实现。GTM 简化了实施过程,允许您通过其界面注入 GA 跟踪代码(以及其他标签),而无需直接更改网站代码库。

数据展示:GTM 不提供数据;它只是根据您的配置部署标签。然而,Google Analytics 拥有强大的数据分析和可视化界面,提供各种报告和工具来解释从网站收集到的数据。

常见问题

为什么 Google Tag Manager 对搜索引擎优化很重要?

Google 标签管理器本身并不直接影响搜索引擎优化,但它有助于更好地收集和跟踪数据。通过提供准确的用户行为数据,它可以帮助搜索引擎优化专家做出明智的决策,改善网站性能和用户体验,而这正是搜索引擎优化的关键因素。

Google 标签管理器有什么用?

Google 标签管理器用于有效管理和部署网站或移动应用程序上的跟踪和营销标签,无需修改代码。它可用于跟踪转化、网站分析、再营销等。

有什么理由不使用 Google 标签管理器吗?

虽然 GTM 有很多优点,但不使用它的一些潜在原因可能包括:

  • 复杂性:对于跟踪需求极少的简单网站,GTM 可能会增加不必要的复杂性。
  • 学习曲线:在了解如何有效使用 GTM 方面存在学习曲线。
  • 控制和安全:出于安全或政策方面的考虑,一些组织更希望直接控制网站上的所有代码,包括跟踪代码。

评论留言