谷歌标签管理器完整指南

已发表: 2022-04-14

Google 跟踪代码管理器 (GTM) 可让您的团队收集对做出明智营销决策至关重要的数据。

了解 GTM 的好处以及如何正确利用它可能是一项挑战,因此我们将本指南放在一起作为参考点。 您将学习如何设置自己的帐户并充分利用它。

为什么 Google 跟踪代码管理器对于跟踪行为和解决分析问题很重要

标签是添加到网页以收集数据和信息的 JavaScript 代码片段。 它们可以帮助您监控网站或应用访问者的活动,以便您可以根据行为优化您的网站。

大多数网站需要多个标签来跟踪不同的行为和用户流,例如表单提交或页面点击。 网站的标签越多,管理起来就越困难。

输入谷歌标签管理器。

GTM 不是唯一可用的标签管理工具,但它最容易访问的。 它旨在专门用于 Google Analytics,这就是我们专注于它的原因。 以下是其他一些:

  • 标记指挥官
  • Adobe 动态标签管理
  • 部分
  • 7标签
  • 青蒿素

GTM 帮助营销人员获得他们需要的客户数据,而无需习惯性地依赖开发人员作为中间人。 就是这样:

保持井井有条

如果没有标签管理器,开发人员将需要手动将标签添加到您的网站,并为每个实例设置独特的规则。 一旦到位,他们将不得不手动监控活动、解决问题、在添加新代码时丢弃过期代码、避免冲突等等。

这是耗时且昂贵的。 标签管理简化了整个流程。

标签管理器最大限度地减少了您需要在您的网站上部署的代码量,并允许您将所有代码片段存放在一个中央集线器中,从而使您的所有跟踪数据保持整洁有序。 而且,它对用户很友好——您无需成为开发人员即可进行代码实现或更改。

将标签管理视为监督您的内容营销运营的总编辑。 您可以在一个地方整理您的发布计划、任务、任务和文档,甚至可以自动执行活动,但是如果没有人监控工作流程,系统可能会崩溃。

所以当你不 需要开发人员来监控标签管理器,您确实需要人员来关注它。 也就是说,不要完全切断它。 复杂的标记任务可能仍需要通过规则驱动的图形界面来实现。

降低技术成本

错误和障碍是不可避免的,但 GTM 使实施和调试更容易、更快,因此更便宜。

更快的启动意味着您的团队有更多的时间来处理其他任务,从而最大限度地利用宝贵的资源。 GTM 也是完全免费的,因此您的团队无需将任何预算分配给其他营销软件。

尽管如此,错误仍然可以而且确实会发生。 为了降低成本并避免加倍修复用户错误,请遵循以下最佳实践:

  • 定义您的目标并跟踪您实际需要测量的内容,而不是广撒网来捕获您不需要也不会分析的数据
  • 避免在每个页面上堆积太多标签,因为这会减慢页面加载速度
  • 确保丢弃或禁用未使用的标签,尤其是在运行测试并决定不再继续试用之后
  • 避免部署破坏现有代码的自定义 HTML 标记
  • 确保您设置分析警报并始终如一地对新实施进行 QA 以检测隐藏的问题
  • 保留对熟悉系统的人员的发布权,因为将帐户权限授予不合格的团队成员可能会危及活动

增加分析的价值

Google 跟踪代码管理器没有报告功能。 相反,它将收集到的有价值的信息发送给 Google Analytics 进行分析。

Universal Analytics,尤其是强大的 Google Analytics 4,可以很好地洞察您的哪些页面表现良好——但 GTM 可以帮助您更深入地研究。

您的基本分析工具可以找到以下内容:

  • 实时浏览量
  • 站点访问者的位置和设备信息
  • 流量来源
  • 热门登陆页面/博客文章

要从这些见解中获得更多价值,您需要利用标签来发现以下内容:

  • 用户如何浏览您的网站
  • 哪些页面产生最多的转化
  • 网站访问者最有可能离开您的网站的位置

如何设置谷歌标签管理器

要设置您的跟踪代码管理器帐户,请按以下步骤操作:

1.从你的目标开始

确定您的跟踪目标将帮助您决定需要创建哪些类型的标签。

您可以为 Google Ads 再营销、转化跟踪、监控表单提交或按钮点击等创建标签。 您还可以连接第三方集成来跟踪来自 Hotjar、Oktopost 或 Pinterest 等网站的信息。

在前往 Google Tag Manager 并创建您的帐户之前创建营销标签策略。

2. 开设账户

创建 Google Tag Manager 帐户需要通过您的 Google 电子邮件完成,因此请先选择 GTM 帐户的管理员或所有者。 之后,您可以与团队中需要访问它的其他人共享权限。

使用您的 Google 帐户登录,然后单击主仪表板上的创建帐户以开始设置商店:

Google 跟踪代码管理器主仪表板

从这里,您需要为您的帐户命名。 最佳实践要求以您的业务命名,以使您的标签管理简单明了。

然后,您需要设置您的容器。 容器是您所有标签所在的位置,因此您应该在您的网站或 URL 之后为其命名。

在单击创建之前选择您的网站或应用程序所在的平台类型。 这可能是网络、iOS 或 Android 移动应用程序、AMP 使用或服务器使用:

Google 跟踪代码管理器帐户设置

下一步是将容器片段安装到您的网站上。 这是一段 JavaScript 代码,需要存在于每个页面上,以便标签正确跟踪活动。

这个片段有两个部分:

  • 第一个需要位于您网站的<head>部分
  • 第二个应该粘贴在<body>部分

您将在 GTM 仪表板边栏中看到的三个主要标签是标签、触发器和变量:

Google 跟踪代码管理器仪表板(新帐户)
  • 标签是从网站或应用程序收集数据的跟踪代码
  • 触发器设置条件,告诉标签何时触发
  • 变量定义触发器何时应该告诉标签触发

3. 安装 Google Analytics 标签

请记住,如果您通过 GTM 执行此操作,则需要删除您之前放置在您网站上的任何 Google Analytics(分析)跟踪信息,否则您最终会得到重复数据。

单击仪表板上的添加新标签以开始使用,例如 GA Pageviews:

谷歌标签管理器标签配置和触发视图

接下来,配置您的标签。 单击顶部框可查看 50 多种标签类型的长列表:

谷歌标签管理器选择标签类型

单击顶部选项: Google Analytics:Universal AnalyticsGoogle Analytics:GA4 配置,具体取决于您使用的版本。 例如,我们使用 UA。

Google 跟踪代码管理器 GA 连接
图片来源

在出现的Tracking Type下拉菜单下,单击Page Views

Google 跟踪代码管理器 GA 代码配置

4.设置属性变量

设置变量时有两种选择。 首先,您可以选中此标签中的启用覆盖设置并粘贴您的 UA 跟踪 ID:

Google Tag Manager GA UA 页面查看跟踪类型

或者,您可以创建自定义变量。 虽然这需要更多的初始设置,但从长远来看,它会让您的事情变得更容易,因为它可以保存您的 UA 跟踪 ID,而不是需要为您创建的每个标签粘贴它。

GTM 提供两种不同类型的变量:内置变量或用户定义变量。

GTM 会根据代码片段中检测到的元素自动定义内置变量。 它们提供了几种常见的变量类型,使创建基本标签变得容易。

单击配置以设置您将来需要的每个变量。 您可以随时返回并添加更多内容:

Google 跟踪代码管理器变量配置

用户定义的变量是自定义的,基于您设置的值。 因此,您可以创建一个常量变量来存储您的 Google Analytics(分析)跟踪 ID:

Google 跟踪代码管理器用户定义的变量

为此,请单击“用户定义的变量”部分下的“新建”。 然后在变量类型下,向下滚动直到找到Google Analytics Settings

谷歌标签管理器选择变量类型

将您的跟踪 ID 粘贴到该字段中,然后保存:

Google 跟踪代码管理器 GA 变量配置

现在,当您创建 Google Analytics(分析)代码时,您不必选中Enable overriding settings in this tag 。 相反,只需打开下拉列表并选择您的新变量:

谷歌标签管理器启用覆盖设置

5. 配置你的触发器

部署第一个代码的最后一步是选择触发代码的触发器:

谷歌标签管理器配置触发器

单击触发框并从可用选项中选择所有页面

Google 跟踪代码管理器触发器完成(所有页面)

然后点击保存。 要正式开始跟踪,请在工作区更改上单击提交。 您可能会有两个:一个新变量和一个新标签:

具有工作区更改的 Google 跟踪代码管理器

6.设置跨域跟踪

如果您的企业的客户旅程将用户引导至不同的域,跨域跟踪有助于确保您的跟踪代码将它们计为一个,而不是夸大您的数据并为他们登陆的每个域计算它们。

这对于子域不是必需的; 仅当您有两个完全不同的域一起工作时。

您可以在标签级别设置跨域跟踪,方法是选中此标签中的启用覆盖设置并访问更多设置 >跨域跟踪,但最好的方法是在您的 Google Analytics(分析)ID 变量中。

前往变量选项卡并打开您使用 GA 跟踪 ID 创建的变量。 单击变量配置框,然后单击更多设置 > 跨域跟踪

Google 跟踪代码管理器跨域跟踪设置

自动链接域字段中,插入每个域(如果有多个),用逗号分隔,然后单击保存。

7.了解数据层

数据层是一个 JavaScript 代码片段,用于存储您网站中的数据,然后再将其发送到 GTM。 它充当您网站的 HTML(不断变化)与您的标签、触发器和变量之间的附加层。

拥有数据层有助于使您的数据收集过程更加顺畅。 对于大多数标签,您不需要做任何额外的事情——数据层由您放置在网站上的初始 GTM 代码段自动启动。

但是,如果您想收集自定义数据,例如用于电子商务跟踪的产品数据或交易数据,则需要设置一个单独的数据层。

为此,您需要创建一个数据层变量。 这将允许 GTM 从您的网站读取其他值并将其传递给您部署的标签。

您的开发团队必须协助为您要跟踪附加信息的每个页面创建和实施数据层代码片段。 这些必须逐页完成,脚本将类似于 Google 开发人员工具中的此示例。

在本例中,有两个数据层键:页面类别和访问者类型。 根据您需要跟踪的内容,您可能拥有一个或多个密钥。

一旦您的开发人员在每个相关页面上实现了此代码,您就需要为每个键创建一个新的数据层变量。

前往变量选项卡,然后单击新建以创建新的用户定义变量。 从选项列表中选择数据层变量

谷歌标签管理器选择变量类型

Data Layer Variable Name字段中,您需要输入与代码中完全相同的键名。 因此,从上面的示例中,您将创建两个数据层变量。 一种是pageCategory ,另一种是visitorType

Google 跟踪代码管理器数据层变量

8. 规划用户管理

您可以根据需要访问的人员在 GTM 中添加和删除用户或用户组。 转到“管理”选项卡,然后单击“用户管理”选项:

Google 跟踪代码管理器用户管理选项

您将鸟瞰所有当前用户及其权限级别。 有两种选择:

  • 管理员:可以创建和删除容器,以及管理用户权限
  • 用户:可以查看基本账户信息和访问指定容器

您还可以在容器级别设置用户权限,无论您是否希望他们无权访问某些容器、仅查看、进行编辑、批准编辑或发布编辑。

花点时间添加团队的每个成员,并根据他们进行更改和部署新标签的资格来设置他们的权限。

有效利用谷歌标签管理器

这里有一些技巧可以帮助您有效地使用 GTM。

确保 GTM 的基本代码出现在每个页面上

您不想实施复杂的跟踪活动,然后意识到您的 GTM 基本代码并未出现在您的一些最重要的页面上。 这就是为什么确保代码已正确插入您网站的 HTML 的关键所在。

有几种方法可以做到这一点,但最基本的是检查您网站的页面源。

转到您要检查的页面,右键单击,然后选择View Page Source 。 搜索 gtm.js 的页面(使用快速 CTRL+F/CMND+F 命令)以检查基本代码:

谷歌标签管理器源代码

您还可以单击 GTM 仪表板右上角的预览按钮并输入您的网站 URL,以查看是否已将正确的容器连接到您的网站:

Google Tag Manager(Assistant)预览模式

每当您创建新容器时,请仔细检查代码是否已正确实施。

径赛项目

Google 跟踪代码管理器与 Google Analytics 相结合非常适合跟踪您网站上发生的事件。

这些事件可能是:

  • 表单提交
  • 按钮点击
  • 注册
  • 卷轴
  • 视频观看次数

为此,您将创建另一个Google Analytics:Universal Analytics标记,但这次Track Type将是Event

Google 跟踪代码管理器 GA 跟踪事件

填写其余信息。 也许是博客文章中销售页面链接的“链接点击”事件跟踪器:

  • 类别:链接点击
  • 行动:销售登陆页面
  • 标签: {{页面路径}}
  • 值:事件的值——这是可选的填写。
  • 非交互命中:
  • Google Analytics Settings:选择我们之前设置的 GA Tracking ID 变量。

然后,您需要创建触发器,在本例中,该触发器指定您要跟踪哪些链接的点击。 从下拉菜单中选择页面 URL 等于,然后将 URL 粘贴到字段中的销售页面:

Google 跟踪代码管理器触发器配置(点击次数)

您可以创建许多不同的事件跟踪标签来分析客户行为,但不要被不一定影响您的底线的数据淹没。

调试你的标签

监控您的标签,以便您知道它们正在工作并且您的数据保持准确。 为此,请使用预览和调试模式

与确保安装基本代码类似,单击预览并确保选中在 URL 中包含调试信号

插入您网站的 URL,然后单击Connect 。 预览窗口将打开,右下角有一个标记:

谷歌标签管理器实时站点调试

返回 Tag Assistant 页面以确保所有内容均已正确连接:

谷歌标签管理器连接成功

从这里,您可以检查每个选项以查看是否有任何问题:

Google 跟踪代码管理器摘要

创建常量变量

我们介绍了如何为您的 Google Analytics(分析)跟踪 ID 创建常量变量。 但是,如果您正在使用数字广告重新定位广告系列,您可能会在您的网站上安装其他像素。

您还可以为这些像素创建常量变量,这样您就不必在每次创建新标签时都找到正确的像素,而是可以从下拉列表中选择它。

前往变量并创建一个新的用户定义变量。 从列表中选择常量,然后在保存之前将像素 ID 粘贴到字段中:

请务必命名您的变量,以便您可以轻松找出需要添加到哪些标签的像素。

安装扩展

谷歌标签管理器有许多谷歌浏览器扩展可以让你的生活更轻松:

Google Tag Manager 常量变量配置
  • Google Tag Assistant 有自己的扩展程序,可让您在浏览网站时检查网站上的标签。
  • Tag Manager Injector 是一个有用的扩展,用于调试和测试新部署的标签。
  • DataLayer Inspector+ 可帮助您的团队了解推送到数据层的内容以及是否存在任何问题。

创建标签命名流程

与您的团队一起创建用于命名所有标签的流程或格式,以便每个人都能准确了解每个标签所跟踪的内容。 将一个文档放在一起,解释这些名称是如何创建的,以便团队中的每个人一目了然地知道每个标签的作用。

例如,您可以让标签类型后跟它正在跟踪的内容,然后是指定的触发器。 想出您的团队遵循的缩写或速记,以保持一切井井有条。

结论

是时候利用您在此处学到的所有知识并开始跟踪您自己的网站活动和事件了。 从对您的业务最重要的见解开始,然后从那里开始。 要成为更出色的 Google 跟踪代码管理器专家,请查看我们的在线课程。