Google Tag Manager 简介

SEO 工具 | SEO 分析 | SEO 基础知识

作者的观点完全是他们自己的(不包括催眠的不太可能发生的情况)并且可能并不总是反映 Moz 的观点。

数字营销依靠数据蓬勃发展。无论您拥有哪种类型的网站,无论是大型电子商务网站还是小型企业网站,了解人们如何与您的网站互动都至关重要。

像 Google Analytics 这样的工具可以提供很多见解,但单独使用时可能会有一些限制。但是,通过使用 Google Tag Manager (GTM) 标记您的网站并将其与 Google Analytics 结合使用,您将能够收集比使用其他方式更多的数据。

首先,让我们了解一下什么是标签。标签是添加到网站以收集信息并将其发送给第三方的一段代码。标签可用于多种用途,例如滚动跟踪、生成热图、再营销和收集有关转化的信息。它们还可用于监控特定事件,例如表单提交、文件下载、点击某些链接或从购物车中移除商品。

那么,什么是 Google Tag Manager,它有什么用处?

Google Tag Manager 的好处

简化标记

网站通常使用多种不同的标签,创建所有标签所需的代码量可能非常大,尤其是当您尝试直接进入网站源代码来添加或编辑这些标签时。即使您有编码经验,在创建标签时也很容易出错。此外,手动标记可能非常繁琐且耗时。Google Tag Manager 通过提供用户友好的界面简化了标记过程,人们可以在其中快速添加、编辑和禁用标签,而无需接触源代码。

减少对 Web 开发人员的依赖

无需更改源代码即可使用标签,这使得营销人员无需依赖开发人员为他们处理标签即可完成工作。由于开发人员通常有很多高优先级的任务要处理,因此标签通常被搁置。因此,GTM 可以帮助营销人员更高效地工作,同时减少开发人员的担忧。但是,对于诸如向网站添加容器代码和创建更复杂的自定义标签等事情,开发人员的支持仍然是必不可少的。

使用 GTM 管理第三方标签

虽然 GTM 是 Google 产品,但它并不仅限于处理其他 Google 服务的代码。您可以使用它来管理许多第三方代码,包括 Bing Ads、Crazy Egg 和 Facebook 像素,仅举几例。如果 GTM 中没有模板的代码,您可以使用自定义代码创建一个。

GTM 中创建的标签会异步加载

将标签直接放入源代码的另一个问题是,如果它们同步触发,则会降低网站速度。当标签同步触发时,一个标签加载缓慢会减慢所有等待它的其他标签的速度。网站加载时间越长,人们离开而不做任何事情的可能性就越大。但在 GTM 中创建的标签默认是异步加载的,这意味着每个标签都可以在准备好时随时触发。如果您需要控制标签的触发顺序,GTM 中有功能可让您调整标签排序和触发优先级。但是,请务必注意,GTM 对网站速度的影响可能是一个复杂的问题,异步标签仍有可能影响加载时间。

GTM 可用于 AMP 网站和移动应用

您甚至不仅限于在标准网站上使用 GTM。GTM 还可用于管理 AMP 网站和移动应用的标签。在 AMP 网站或移动应用上使用 GTM 与在常规网站上使用 GTM 非常相似,但也存在一些差异。出于本指南的目的,我们将重点介绍在网络上使用 GTM。

标签和GTM的组成部分

在开始使用 Google Tag Manager 之前,让我们先分解一下一些需要先理解的重要概念。

容器

当您开始使用 GTM 时,您需要做的第一件事就是创建一个容器。容器本质上“保存”了您网站的所有标签。

创建新容器后,GTM 会为您提供一些代码以添加到您的网站。这是您的容器代码,需要将其添加到您的源代码中,以便将其包含在您网站的每个页面上。某些 CMS(例如 WordPress)具有用于实现容器代码的插件,但您可能需要联系您的开发人员来添加它。实施容器代码后,您将能够根据需要通过 GTM 添加、编辑、禁用或删除标签。

触发器

网站上的每个标签都需要有特定的用途。也许您希望在有人下载文件或提交表单时触发标签。这些事件称为触发器,所有标签都需要至少分配一个触发器;否则,它们不会执行任何操作。

触发器可以分为两个主要部分:事件和过滤器。 法国电报数据 当您在 GTM 中配置触发器时,您将获得一长串触发器类型可供选择。这些是您的事件。选择事件后,您就可以设置过滤器了。

过滤器可以进一步分为三个部分:变量、运算符和值。稍后我们将详细讨论变量,但在本例中,它仅指所涉及的变量类型。运算符告诉标签事件是否需要等于某个值、是否应该大于或小于某个值,或者包含某个值。值是需要满足的条件。尽管“值”一词通常用于谈论数字和价格,但在本例中,值不一定必须是数字。相反,您的值可以是 URL 或关键字之类的东西。

例如,假设我想查看有多少人深入阅读了我网站 电话营销软件在销售预测中的作用 上的博客内容。我可以创建一个带有滚动深度触发器的标签,该触发器应在垂直滚动深度达到 75% 时触发。

如果我希望此标签在我网站的每个页面上都触发,我可以在触发器配置框中保留“所有页面”选项,这样我就不必创建任何其他过滤器。但由于我专注于博客内容,我会选择“某些页面”并创建过滤器“页面 URL”、“包含”、“myfakewebsite.com/blog”。

如果您希望某个代码在网站上的大多数页面上触发,但又希望排除某些页面,则可以使用拦截触发器来阻止该代码在这几个页面上触发。GTM 会优先处理拦截触发器,而不是其他类型的触发器,因此,如果您的拦截触发器与另一个触发器设置的条件相矛盾,Google 跟踪代码管理器将遵循拦截触发器指定的条件。

变量和常量

标签依赖于触发器,而触发器则依赖于变量。变量  安圭拉铅 包含触发器需要评估的值,以了解是否应该触发。标签将变量的值与触发器中定义的值进行比较,如果变量满足触发器的条件,则标签将触发。回到我的滚动深度触发器示例,变量将是 75% 的垂直滚动深度。

标签还使用变量来收集信息,这些信息可以在用户与网站交互时传递到数据层。一个典型的例子是,当用户将一定数量的产品添加到购物车时,标签就会触发。

变量通常可以在标签之间重复使用。使用 GTM 的一个常用技巧是使用需要多次使用的 ID 号或跟踪代码创建变量。假设您需要在多个标签中使用您的 Google Analytics 测量 ID。您可以创建一个变量,其值是您的 ID 号。这样,您无需反复查找和输入您的 ID 号,只需选择变量名称即可。

使用 GTM 时,有两种不同类型的变量:内置变量和用户定义变量。内置变量是最常用的变量类型之一,因此 Google 使其在 GTM 中易于访问。选择内置变量后,您就可以按照自己的意愿配置其设置。

上面屏幕截图中列出的变量只是 Web 容器可用的内置变量中的一小部分。单击“配置”按钮可以访问更多内置变量。如果您需要内置变量中未包含的其他类型的变量,则可以创建用户定义变量。

您可以通过点击左侧菜单上的“变量”按钮从 GTM 仪表板创建变量。您还可以在创建标签时通过点击字段旁边的按钮来创建变量,该按钮看起来像一个带有加号的乐高积木。

数据层

标签需要信息来判断是否应该触发,但是在哪里可以找到这些信息呢?一种方法是检查页面的 HTML,但由于一些原因,这不是理想的解决方案。当标签需要搜索 HTML 来查找信息时,它们可能需要更长时间才能触发。如果网站的 HTML 结构随时间发生变化,则会导致标签损坏。标签可能需要的某些类型的信息在页面的 HTML 中找不到,例如交易总额。

数据层是一个 JavaScript 对象,它将标​​签所需的信息与网站的其他代码分开,以便标签可以快速找到所需信息。从技术上讲,数据层是可选的。您不必自己专门定义一个;GTM 可以为您启动一个。但如果您想使用 GTM 跟踪特定事件,则需要有一个数据层。

首先,新的数据层对象将如下所示:

添加数据层时,需要将对象放在 GTM 容器代码之前。如果将数据层对象放在容器代码之后,GTM 将无法访问其中的信息,并且数据层在加载后基本会重置。

将数据层对象添加到页面代码后,第二行中的括号中可以填充信息、变量和事件。某些类型的信息可以直接写入数据层,但其他类型的信息将在用户与您的网站互动时动态推送到数据层,例如如果有人下载文件或将一定数量的产品添加到购物车中。

使用 GTM

创建帐户和容器

首先,打开Google Tag Manager并开始创建帐户。创建帐户时,您将进入一个包含两个部分的屏幕:帐户设置容器设置。在帐户设置部分,输入要管理其网站的公司名称或您的网站名称。然后,在容器设置部分,输入您的域名作为容器名称,选择将在其上使用的页面或应用类型,然后单击创建