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

因此，您可能已经知道，Google跟踪代码管理器是一个了不起的工具，可让您管理跟踪代码并在需要时将其激活。借助GTM，您可以在每次访问者访问时触发代码 提交表格, 点击链接等

但是最基本的（但仍然很关键）是页面加载的那一刻。您可以指示Google跟踪代码管理器仅在某些页面上触发代码。这有可能要归功于两个组件：页面浏览触发器和页面变量。

目录

• 基于浏览量的触发器
• 特定页面上基于浏览量的触发器
• 内置页面变量
• 页面路径与页面URL
• 自定义页面变量
• 自定义页面变量的示例
• 单个触发器中包含多个URL
• 在单页面应用程序中跟踪页面浏览量
• Page变量和Pageview触发器有用的几个想法/示例
• GTM中的页面变量和触发器：最终词

 

浏览量触发器

创建新的Google跟踪代码管理器容器时，该容器已经包含一个默认触发器– 所有页面。尽管您无法在触发器列表中看到它，但是在尝试创建新标签并单击其标签时可以找到它“Triggering”.

此触发器无法删除，并且每次在页面上加载Google跟踪代码管理器容器时都会触发。那显然发生在 所有页面.

如果你 want to customize this behavior and fire a certain tag just on some pages, you need to create a new trigger. 在 GTM interface, go to 扳机> New >触发配置。您将看到三种类型的触发器：

• 页面预览。这是您可以触发代码的最早时刻。这是GTM容器加载的时刻。
• DOM准备就绪。 这是页面加载过程的第二阶段。页面触发时激活’的文档对象模型已加载。换句话说，浏览器已经在页面上呈现了元素。
• 窗口已加载。 这是页面加载过程的最后阶段。这意味着页面已完全加载（包括第三方脚本）。

选择哪一个？

• 如果你 want to fire a tag ASAP on a page (and that tag does not rely on other website elements, their content/text/etc.), then use this trigger type.
• 如果你 want to fire a tag and it must send a value of a particular website element (e.g. its text), then you should use DOM Ready trigger or Window Loaded
• 如果你 want to fire a tag and be sure that before that, the page has fully loaded, then use Window Loaded trigger.

 

特定页面上的浏览量触发

让’s表示您已经创建了一个Page View触发器，并且只希望在X页上激活它。要实现此目的，您需要单击 一些页面浏览量Â，然后输入条件，例如 页面路径等于/ pages / contact-us /

But which variable should you choose when? 让’s find out.

 

内置页面变量

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

• 页面主机名
• 页面网址
• 页面路径
• 推荐人

默认情况下，它们都已启用，您可以通过转到 变数 GTM容器部分。

如果你 click the 定制 内置变量列表右上角的按钮，您还将看到已启用它们。让’s快速查看每个变量的含义：

• 主机名Â返回网址的主机名（域），例如，不包含 www.example.com
• 页面网址Â返回不带哈希片段（＃）的完整URL，例如 //www.example.com/welcome?gclid=aabbcc123
• 页面路径 returns only the pathname in the URL (in other words – everything after the 主机名, except port, fragment, and query). If the page URL is //www.example.com/welcome?gclid=aabbcc123, this variable would return /欢迎/一个值。
• 推荐人 返回访问者先前访问过的页面地址（包括查询参数），然后到达当前页面。但是由于行业和页面上配置的各种隐私更改，此变量可以返回空值或仅返回主机名。

 

页面路径与页面URL

如果你 ’仅从Web跟踪开始，并且绝对没有Web的先验技术知识，您可能对何时使用哪个变量感到困惑。让’s take a look.

与“页面URL”相比，“页面路径”返回的信息更少。页面路径仅返回主机名（域）之后但问号之前的内容“?”（又称查询参数），哈希标记“#”（又称URL片段），冒号“:” (a.k.a. port).

它仅返回您当前所在的子目录（页面）。

如果您还想在触发器中使用查询参数（例如utm_parameters），则“页面路径”变量是错误的选择。您应该改用Page URL，因为它会返回：

• 协议 （例如http：// _）
• 主机名 （例如www.example.com）
• 页面路径 （例如/ pages / contact-us /）
• 查询参数 （例如，？utm_medium =引荐&utm_source = othersite.com）

总而言之，页面URL和页面路径之间的区别在于页面URL返回几乎整个URL，而页面路径仅返回主机名之后（但在查询参数之前）的值。

另一方面，如果您只想隔离和访问URL的其他部分（但不获取完整的URL，则必须依靠自定义页面变量。’ll show you how.

自定义页面变量

GTM的另一个令人惊奇的事情是它的定制可能性。如果内置功能不足以满足您的要求（可能会赢得’t），您可以做一些很棒的用户定义的事情。

在Google跟踪代码管理器中’s interface, go to 变数 向下滚动直到看到 用户定义的变量 部分。点击新建并选择 URL变量.

URL变量可用于访问当前页面URL的组件。这是一种非常通用的变量类型，对于遍历URL中的查询参数和哈希片段特别有用。 注意：在某些情况下（例如页面URL，页面主机名，页面路径）有内置的Google跟踪代码管理器变量。

让’s say the address of the web page that I am currently on is //www.example.com/welcome:8080?gclid=aabbcc123#home。现在，我将描述URL变量中可用的每种组件类型：

• 完整网址Â返回不带哈希片段的完整URL，例如 //www.example.com/welcome?gclid=aabbcc123.
• 协议Â返回网址的协议，例如 https.
• 主机名Â返回不带端口号的URL的主机名，例如 www.example.com。您可以选择删除“ www。”以从主机名中删除“ www”子域。
• 港口Â返回URL中使用的端口号。在我的示例中，变量将返回 8080 价值。 80对于HTTP / 443对于HTTPS，如果URL没有端口号。
• 路径–仅返回URL中的路径名（换句话说–主机名后的所有内容，端口，分段和查询除外）。在我的例子中，我会得到 /欢迎/值。您还可以指定默认页面，以从返回字符串中剥离名称为“ index.html”或“ index.php”的页面。
• 询问如果您未指定查询键，则返回整个查询参数字符串（不带前导“？”）。就我而言，我可以指定查询键 gclid，因此，URL变量的值为 aabbcc123如果您确实指定了查询键，但该键不存在，则该变量的值将为 未定义。
• 分段Â返回URL片段的值，但不带前导“＃”，在我的情况下，值为 首页.

您可以展开更多设置选项卡以找到源选择器。在此选择器中，可以选择URL变量将访问其变量返回值的变量（例如，单击URL）。但是默认情况下，URL变量返回页面地址的一部分。

 

自定义页面变量的示例

如果您使用的是电子邮件营销工具，则您可能已经注意到，收件人单击电子邮件中的链接后，会将其重定向到您的网站。该链接在问号后包含很多参数，例如 //www.mybusiness.com/?utm_campaign=很棒的广告系列&utm_source= campaignid&utm_medium=电子邮件.

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

您可以轻松地将utm_campaign，utm_source和utm_medium转换为GTM变量，然后在触发器或标签中使用它们。只需使用以下设置创建三个变量：

创建这三个变量后，请在GTM中启用“预览”和“调试”模式，然后转到您正在使用的网站。在网址末尾添加 ？utm_medium = test1&utm_source=test2&utm_campaign=test3。如果您使用的网址已经有查询（以问号开头），则只需添加 &utm_medium=test1&utm_source=test2&utm_campaign=test3 到链接的末尾，然后按Enter。

页面将刷新，GTM预览和调试控制台将加载。点击任何事件（例如页面视图），然后打开 变数 标签。结果应如下所示：

现在，您可以根据需要在触发器中使用这些变量。当然，替代解决方案可以是使用以下条件： 页面URL包含utm_medium = xxxxxx.

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

 

单个触发器中包含多个URL

在某些情况下，您可能希望在许多可能的页面之一上触发代码（例如，如果访问者访问了5页中的任意一页，则您希望触发代码）。我什么’我们在初学者中注意到，他们尝试创建以下触发器：

不幸的是，这将不起作用，因为必须在触发器中满足所有条件。如果您在触发器中添加5个不同的网址，’无法触发触发器（因为一个页面不能同时具有5个不同的URL）。

因此，您在这里有几个选择：

• 选项1： 为每个网页浏览创建一个单独的基于网页浏览的触发器，然后将其全部添加到代码中。如果至少触发了这些触发器之一，则代码将触发。但是这个解决方案是’高度可扩展，可以很快将您的GTM容器变成一团糟。
  
• 选项2： 创建一个使用 常用表达。 RegEx允许您编写更复杂的条件，包括“OR”。因此，如果要定位（例如2个）URL，则可以将它们分开并用竖线将它们分开。 。正则表达式中的此符号表示“OR”. Here’s an example:
  • / pages / contact-us / | // pages / other-page

看到？我只是用管道将URL的各个部分分开|当然，您需要选择 匹配正则表达式（忽略大小写） 使触发器起作用

 

在单页面应用程序中跟踪页面浏览量

与传统网站不同，单页网站/应用程序需要其他配置才能使您的综合浏览量跟踪正确。一世’ve published 有关此确切主题的指南 因此请确保您将其签出。

 

Page变量和触发器有用的几个想法/示例

如果你 ’从Google跟踪代码管理器开始，这里有几个想法可以让您从中获得启发 GTM’s possibilities.

• 谢谢页面追踪Â（当访客提交表单并重定向到另一个页面时）
• 丰富表单提交数据Â（获取URL中UTM参数的值，并将它们与表单提交数据一起发送）

 

GTM中的页面变量和触发器：最终词

在今天’的博客文章中，我们介绍了Google跟踪代码管理器的基本功能–页面加载时触发触发。借助页面变量和页面浏览触发器，您可以决定何时确切触发代码，例如：

• Google跟踪代码管理器加载后立即在某些页面上
• 在网站完全加载后的某些页面上，还有更多内容！

您是否正在寻找该主题的其他答案？如果是，请在下面发表评论，我’尽快给您回复。