Google 跟踪代码管理器中的页面变量和浏览量触发器

Google Tag Manager 是一个非常重要的工具,它可以灵活的管理第三方跟踪代码,并且能够辅助跟踪用户在网站上的各种行为。通过使用 GTM,可以在访问者提交表单、点击链接等动作时触发跟踪代码。

我们可以通过创建触发器,在一些页面加载的时刻触发某些代码。这里涉及到两个非常重要的内容,即触发器和页面变量。

目录

网页浏览触发器

在创建一个新的 Google 跟踪代码管理器容器时,它默认已经包含一个触发器“All Pages”。虽然在默认的触发器列表中看不到它,但当创建新的代码片段后,可以单击“触发条件”区域时找到它。该触发器无法删除,并且每次加载 Google 跟踪代码管理器容器时都会触发。

Google 跟踪代码管理器中的页面变量和浏览量触发器

如果想自定义触发器,并在某些页面上触发它,则需要创建一个新触发器。在 GTM 界面中,转到触发器 > 新建 > 触发器配置。在网页浏览下面将可以看到 5 种类型的触发器:

  1. 用户意见征求初始化:旨在帮助确保先遵循用户意见征求设置,然后再触发其他任何触发器。用户意见征求初始化触发器用于为您的网站设置或更新用户意见征求状态的代码,例如意见征求管理平台代码或用于设置意见征求默认值的代码。默认情况下,每个网站容器都包含用户意见征求初始化 – 所有网页触发器。用户意见征求初始化触发器不可用于网站上应提前触发的代码。在这类情况下,请使用初始化触发器。
  2. 初始化:应在所有其他触发器(用户意见征求初始化触发器除外)之前触发。默认情况下,每个网站容器都包含初始化 – 所有网页触发器。选择此触发器可触发应在其他触发器之前触发的所有代码。
  3. 网页浏览:在网络浏览器开始加载网页时立即触发。如果您只需要通过网页展示次数生成的数据,则可以使用此选项。
  4. DOM 已准备就绪:在浏览器在 HTML 中完成整页构建且文档对象模型 (DOM) 做好解析准备后触发。如果是基于网页浏览且与 DOM 互动以填充变量的代码,则应使用这种触发器类型,以确保为跟踪代码管理器提供正确的值。
  5. 窗口已加载:在页面(包括图片和脚本等嵌入资源)完全加载后触发。这意味着页面已完全加载(包括第 3 方脚本)
Google 跟踪代码管理器中的页面变量和浏览量触发器

这么多的触发器,我们应该如何选择呢?

  • 如果想尽快在页面上触发标签(并且该标签不依赖于其他网站元素,它们的内容/文本/等),请使用网页浏览触发器类型。
  • 如果你想触发一个标签并且它必须发送一个特定网站元素的值(例如它的文本),那么你应该使用 DOM 已准备就绪触发器或窗口已加载。
  • 如果您想触发代码并确保在此之前页面已完全加载,请使用窗口已加载触发器。

特定页面上的浏览量触发器

假设您创建了一个网页浏览触发器,并希望它仅在某个页面上被激活。为此,请在触发此触发器的触发条件下,选择“某些页面浏览”。在下方的“当事件发生并且所有这些条件均为 true 时,触发此触发器”中输入过滤条件,例如 Page Path equals /pages/contact-us /

Google 跟踪代码管理器中的页面变量和浏览量触发器

内置页面变量

目前,Google 跟踪代码管理器提供 4 个标准页面变量:

  • Page URL
  • Page Hostname
  • Page Path
  • Referrer
Google 跟踪代码管理器中的页面变量和浏览量触发器

默认情况下,这四个变量都已启用,可以通过转到 GTM 容器的变量部分找到它们。

让我们看一下每个变量的含义:

  • Page Hostname 提供当前网址的主机名部分,例如 www.example.com
  • Page URL 提供当前网页的完整网址,例如 https://www.example.com/welcome?gclid=aabbcc123
  • Page Path 提供当前网址的路径部分(换句话说,主机名之后的所有内容,端口、片段和查询除外)。如果页面 URL 是 https://www.example.com/welcome?gclid=aabbcc123,则此变量将返回 /welcome/ 值。
  • Referrer 提供当前网页的完整引荐来源网址。

Page Path 与 Page URL

与 Page URL 相比,Page Path 返回的信息要少得多。Page Path 仅返回 Page Hostname(域)之后但问号“?”之前的内容。Page Path 只返回当前所在 URL 的子目录部分。

如果想在触发器中使用查询参数(例如 utm_parameters),那么就不应该选择 Page Path ,而应该选择 Page URL,因为 Page URL 会返回下面的内容:

  • 协议(例如 https://)
  • 主机名(例如 www.example.com)
  • 页面路径(例如 /pages/contact-us/)
  • 查询参数(例如 ?utm_medium=referral&utm_source=othersite.com)

总而言之,Page URL 和 Page Path 之间的区别在于, Page URL 几乎返回整个 URL,而 Page Path 只返回主机名之后(但在查询参数之前)的部分。

Google 跟踪代码管理器中的页面变量和浏览量触发器

另一方面,如果您只想返回 URL 的其他部分,就要选择使用自定义页面变量。

自定义页面变量

GTM 除了内置的页面变量之外,还可以选择创建自定义变量。

在 Google 跟踪代码管理器的界面中,转到变量并向下滚动,找到用户定义变量部分。单击新建并选择导航下面的网址变量

Google 跟踪代码管理器中的页面变量和浏览量触发器

网址变量可用于访问当前页面 URL 的参数部分。这是一种非常通用的变量类型,对于遍历 URL 中的查询参数和#片段特别有用。 

假设当前所在网页的地址是 https://www.example.com/welcome:8080?gclid=aabbcc123#home。下面介绍一下 URL 变量中可用的每种组件类型:

  • 完整 URL  – 返回不带#片段的完整 URL,例如 https://www.example.com/welcome?gclid=aabbcc123
  • 协议 – 返回 URL 的协议,例如 https
  • 主机名 ——返回不带端口号的 URL 的主机名,例如 www.example.com。可以选择去除“www”。从主机名中去除“www”子域。
  • 端口 – 返回 URL 中使用的端口号。在我的示例中,该变量将返回 8080 值。 如果 URL 没有端口号,则 HTTP 为80  /  HTTPS 为 443 。
  • 路径 – 仅返回 URL 中的路径名(换句话说,主机名之后除端口、片段和查询除外的所有内容)。在这个示例中,会得到 /welcome/ 值。还可以指定默认页面以从返回字符串中删除名称为“index.html”或“index.php”的页面。
  • 查询 – 如果您未指定查询键,则返回整个查询参数字符串(不带“?”)。在本例中,可以为gclid指定查询键 , 因此 URL 变量的值将是 aabbcc123。如果指定了查询键,但该键不存在,则变量的值将是未定义的。
  • Fragment  – 返回不带 ‘#’ 的 URL 片段的值,在这个例子中值是 home

还可以展开更多设置选项,以查找源选择器。在此选择器中,您可以选择 URL 变量将访问其返回值的变量(例如,单击 URL)。但默认情况下,URL 变量会返回部分页面地址。

自定义页面变量示例

如果您使用电子邮件营销,当收件人单击您电子邮件中的链接后,便会被重定向到您的网站。该链接在问号后包含很多参数。例如 :

https://www.mybusiness.com/? utm_campaign =awesomecampaign& utm_source =campaignid& utm_medium =email。

这 3 个查询键称为 UTM 参数。在 Google Analytics 中跟踪广告系列时,它们特别有用。

您可以将 utm_campaign、utm_source 和 utm_medium 转换为 GTM 变量,然后在触发器或标签中使用它们。可以使用以下方法创建这三个变量:

Google 跟踪代码管理器中的页面变量和浏览量触发器

创建这三个变量后,在 GTM 中启用预览和调试模式,然后打开目标网址,并在 URL 的末尾添加 ?utm_medium=test1&utm_source=test2&utm_campaign=test3。如果您的 URL 已经有一些查询(它以问号开头),那么只需将 &utm_medium=test1&utm_source=test2&utm_campaign=test3 添加到链接末尾并按 Enter 访问。

页面刷新后,GTM 预览和调试控制台将加载。单击任何事件(例如,页面视图)并打开变量选项卡。结果应如下所示:

Google 跟踪代码管理器中的页面变量和浏览量触发器

现在,您可以根据需要在触发器中使用这些变量。当然,另一种解决方案是使用条件:Page URL 包含 utm_medium=xxxxxx

但是如果你想通过一些标签传递 utm_medium 的实际值,那么 URL 变量在这里是不可替代的。

单个触发器中的多个 URL

在某些情况下,您可能需要在多个页面触发条件(例如,如果用户访问了 5 个页面中的任何一个,便会触发)。一些初学者可能会像下面这样创建触发器:

Google 跟踪代码管理器中的页面变量和浏览量触发器

像这样创建触发条件是不起作用的,因为必须同时满足所有条件才能触发代码。如果您在触发器中添加 5 个不同的 URL,则触发器不可能触发(因为一个页面不能同时有 5 个不同的 URL)。

所以你可以选择下面的方案:

  • 选项 #1: 为每个网页浏览创建单独的基于网页浏览的触发器,然后将它们全部添加到标签中。如果这些触发器中的一个被激活,则代码将触发。但是这个解决方案的可扩展性不是很好,并且会将 GTM 容器变得一团糟。
Google 跟踪代码管理器中的页面变量和浏览量触发器
  • 选项 #2: 创建一个使用正则表达式(RegEx)的触发器。RegEx 允许编写更复杂的条件,包括“或”。因此,如果您想定位 2 个 URL,可以取出它们的部分URL,并用管道(|)分隔它们 ,正则表达式中的这个符号表示“或”。如下面的例子所示:
    • /pages/contact-us/|/pages/other-page

在上面的例子中,使用管道分隔 URL 的各个部分,您需要选择 Matches RegEx(忽略大小写)才能使触发器工作:

Google 跟踪代码管理器中的页面变量和浏览量触发器

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/webmaster/page-variables-and-pageview-triggers-in-gtm/

(0)
上一篇 2022年3月21日 下午7:22
下一篇 2022年3月23日 下午8:39

相关推荐

发表评论

登录后才能评论