介绍和深入了解 Google 标签管理器的工作原理

已发表: 2018-07-06

最好的营销活动从潜在客户数据开始：您的访问者是谁，他们做了什么，接下来如何联系他们。问题是，获取和使用这些数据可能会给您的团队甚至您的潜在客户带来各种问题。

网页后端的 JavaScript 标签使营销人员能够利用有关访问者的信息。想想 Facebook Pixel 或 Google Ads 转化跟踪。它们很有用，但手动设置和维护它们很乏味。复制、粘贴、微调小行代码并确保它们位于正确的位置——这是另一件需要担心的事情——尤其是对于许多广告系列和页面。这就是 Google 标签管理器出现的原因。

什么是 Google 标签管理器？

Google Tag Manager 是一个用于轻松管理网页后端标签的系统。通过直观的界面，用户可以更新和添加标签，而无需部署或操作额外的代码。

为什么要使用 Google 标签管理器？

每个与您的网站集成的软件都需要在您的网页后端有自己的空间。对于再营销、热图，甚至是简单的转化跟踪。 JavaScript 让它运行起来。您收集的数据越多，您就越需要重新访问这些标签——添加、更新和删除它们。谷歌标签管理器简化了这个过程。但这并不是使用它的唯一原因。

使用 Google 标签管理器的优点：

提高网站速度：因为 Google 标签管理器可以轻松维护标签，它还可以通过废弃不再需要的标签来更轻松地加速您的网站。 Google Tag Manager 也是异步加载的，这意味着网页在加载其内容之前不需要等待 Google Tag Manager 加载。

它具有允许您根据特定需求调整标签以跟踪各种行为的灵活性。只需选择一个标签并从预设触发器中进行选择，即可确定它何时触发。或者，创建自己的。

您也可以将 Google 跟踪代码管理器与移动应用程序以及网站和 AMP 页面结合使用。

错误跟踪和预览模式可以在问题上线之前轻松发现问题。如果没有这些检查，就会经常出现人为错误，从而导致网站瘫痪。

使用 Google 标签管理器的缺点：

有一个学习曲线。 Google 标签管理器并不像某些人声称的那样容易上手。也就是说，最终比进入网页后端频繁调整标签更容易。

除了学习曲线之外，Hanapin Marketing 的数字营销客户经理 Emma Franks 说：

许多大牌 PPC 平台（例如 Facebook、Bing Ads）使用自定义 HTML 标签选项，因为 GTM 没有针对它们的本地集成。

如何使用 Google 标签管理器

Google 跟踪代码管理器包含三个组件：代码、触发器和变量。

标签是您可以放置在网站后端以执行特定功能的 JavaScript 片段。如上所述，这些是可以重新定位访问者或跟踪转化的代码片段。他们可以测量滚动深度或发送行为电子邮件等等。今天，没有多少标签不能做。其中最受欢迎的是来自 Google Analytics、DoubleClick 和 WordPress 的标签。

触发器

在 Google 标签管理器中，标签根据用户事件触发。您指定那些是哪些事件。可供选择的触发器类型包括：网页浏览、点击、元素可见性、表单提交、历史更改、JavaScript 错误、滚动深度、计时器、YouTube 视频和自定义事件。

变量

这些条件为标签提供了需要触发的附加信息。谷歌提供了一个例子：

假设您想在访问者在您的网站上花费超过 100 美元时触发再营销代码。 要实现这一点，请创建一个网页浏览触发器并添加以下触发器条件：

交易金额超过 100 美元

由于变量“交易金额”不存在，您需要定义它。 您会告诉 Google 跟踪代码管理器在 JavaScript 变量 transactionAmt 中查找 Transaction Amount 的值（假设此 JavaScript 变量存在于您网站的购买确认页面上）。

在这个例子中，当用户在你的网站上花钱时，GTM 会评估它是否超过 100 美元。如果是，则将触发再营销触发器。

容器

一组标签、触发器和变量一起称为容器。容器为特定域设置规则。一旦您设置了代码、触发器并指定了任何变量，您就拥有了一个容器。使用容器，您可以自由地为您的域管理——添加、更新、删除——标签，而无需不断返回到每个页面的后端。

准备实施 Google 跟踪代码管理器

实施任何工具都需要准备。对于 Google 跟踪代码管理器，您需要考虑以下几点：

谁来管理账户？

在 Google 标签管理器中添加和操作标签的用户太多有可能导致网页瘫痪。确保您分配了一个或两个角色，并在客户经理离职或无法再处理他们的职责时制定协议。

将如何管理？

分配团队成员后，指定工作流程很重要。即使是最小的错误也会使标签变得无用，或者更糟的是，会干扰其他软件。您可能希望管理员仔细检查管理器的实施，或启动审核日志以确保在将来捕获和防止错误。

还有谁可能需要访问权限？

您的企业可能有 GTM 管理员，但其他人是否需要访问权限？也许您将工作外包给可能需要向某些点击后登录页面添加标签的机构。也许您雇用了一名自由职业者来运行热图分析或创建重新定位活动。如果这些听起来很熟悉，您可能希望允许他们访问您的 Google 跟踪代码管理器帐户，并让您指定的内部经理检查他们的工作。

您将 GTM 用于多少个域？

如果您使用 GTM 为多个域管理标签，Google 建议为所有域使用相同的容器，但以下情况除外：首先，如果您需要为每个域定制标签。容器发布后，将应用于所有域。因此，如果您需要将更改应用于一个而不是另一个，最好使用多个容器。其次，如果配置不同——如果标签在不同域的不同情况下触发——你可能想要使用多个容器，因为配置不容易在域之间共享。

你研究过谷歌标签管理器吗？

Google Tag Manager 被吹捧为易于使用的 DIY 工具，但 Orbit Media 的 Amanda Gant 表示它被误解了：

如果没有一些技术知识或培训（课程或自学），Google 标签管理器并不“容易”使用。 您必须具备一些技术知识才能了解如何设置代码、触发器和变量。

事实是，虽然 Google 标签管理器使管理标签变得更容易，但如果没有任何先前的教育，您就无法掌握它。这并不是说您需要注册昂贵的培训课程，来自 Google 的这个课程应该足以让您入门。

您的页面上是否已经手动编码了标签？

容器将替换网页上手动编码的标签，例如来自 Google Ads、Google Analytics 和其他第三方提供商的标签。 Google 建议，当您选择使用 Google 标签管理器时，您应立即迁移所有标签，而不是让某些标签处于不确定状态。这不是强制性的，因为无论如何 GTM 都可以触发您的代码，但这是最佳做法。页面上的 JavaScript 越多，加载速度就越慢。

设置 Google 标签管理器

要开始设置标签管理器，Google 概述了以下步骤：

创建一个新帐户和容器

在 Google 标签管理器中，点击“帐户”，然后点击“创建帐户”。
输入帐户名称并选择您是否愿意与 Google 和其他人匿名共享数据。
点击“继续”。
输入描述性容器标签并指定以下内容类型：Web、AMP、Android 或 iOS。
点击“创建”。

安装容器

在 Google 标签管理器中，选择“工作区”。
在窗口顶部附近找到您的容器 ID，格式如下：“ GTM-XXXXXX ”。
单击您的容器 ID 以启动“安装标签管理器”框。
复制生成的代码段并将它们粘贴到您的网站中。
使用 Tag Manager 的预览模式和 Tag Assistant Chrome 扩展程序验证或排查您的安装问题。

添加、更新和发布标签

安装容器后，您可以通过以下步骤开始向其添加标签。

1. 在标签管理器中，选择您的帐户。

2. 从导航菜单中单击“标签”。

添加标签：点击“新建”。选择代码类型（例如，Google Ads 转化跟踪）并指定触发代码的触发器。

编辑标签：单击列表中的标签并在“编辑标签”页面上进行更改。

删除标签：进入“编辑标签”页面后，单击屏幕右上角的菜单并选择“删除”。

3. 预览让您有机会在标签、变量和配置上线之前对其进行评估。您可以使用调试选项查看在您使用网站时触发了哪些标记。当您在工作区中包含未发布更改的页面上时，单击“发布”旁边的箭头以显示更多选项，然后单击“预览”。

4. 如果一切正常，只需单击屏幕右上角的“发布”即可开始发布您的更改。

Google 跟踪代码管理器示例

考虑这个假设：如果您想跟踪转化、设置行为触发的电子邮件、在特定页面上投放广告，并使用分析平台跟踪所有这些，您需要来自所有这些程序的标签来完成。使用 Google Tag Manager，您只需添加一次：

最后，它使您的团队维护标签变得更加清晰和容易。

开始创建更好、更强大的用户体验

Google Tag Manager 不仅可以为您节省时间和减少麻烦，而且还有可能为您的用户带来更好的体验。您将能够轻松添加任何可改进个性化的软件：电子邮件自动化、实时聊天——甚至是热图软件，它们可以为您提供提升用户体验所需的数据。您还可以通过管理 JavaScript 来保持页面简洁，这将加快加载时间并防止用户跳出。反过来，这使他们更有可能转换。立即使用 Instapage、Instapage Enterprise 演示，立即开始创建多功能且用户友好的点击后登录页面。