Google 跟踪代码管理器使用触发器配置来触发代码以响应事件。本文介绍了如何使用跟踪代码管理器设置在以下情况下触发的 Universal Analytics 事件代码:响应链接点击时、响应其他类型的元素获得的点击时、按照定时间隔触发时以及提交表单时。
链接点击
要将点击事件信息发送到 Google Analytics(分析),可使用下面两种常见的方法:
- 针对每类链接,分别使用单独的触发器和代码。
- 使用带有正则表达式的单个代码来处理所有点击数据。
在以下示例中,我们假设每个网页都包含导航菜单,其中列有以下链接名称和网址:
购买 | https://example.com/buy.html |
关于 | https://example.com/about.html |
联系 | https://example.com/contact.html |
使用单独的触发器和代码来衡量点击
这种方法需要创建三个触发器和三个代码,每个触发器/代码对分别对应于上表中的某一项:
- 如果还没有 Google Analytics(分析)网页浏览代码,请添加一个。此代码必须在所有网页中触发。
- 启用跟踪代码管理器来捕获获得点击的网址的数据:
- 点击变量。
- 在内置变量部分中,点击配置。
- 选中点击跟踪网址对应的复选框。
- 创建触发器来监听 buy.html、contact.html 和 about.html 的链接点击操作:
- 依次点击触发器 新建。
- 依次点击触发器配置 点击 - 仅限链接。
- 将以下设置添加到触发器配置中:
- 等待代码触发完毕:启用
- 最长等待时间:2000(毫秒)
- 检查验证结果:停用
- 当所有这些条件均为 true 时,启用此触发器:网页网址 包含
/
- 此触发器的触发条件:某些链接点击 点击跟踪网址 包含 buy.html
- 将触发器命名为“触发器 - 购买点击”,然后保存该触发器。
- 对“contact.html”和“about.html”重复以上步骤。
- 创建三个新的 Google Analytics(分析)代码来分别衡量每个网页获得的点击:
- 依次点击代码 新建。
- 依次点击代码配置 Google Analytics(分析)- Universal Analytics。
- 将跟踪类型设置为事件。
- 输入事件跟踪参数:
- 类别:导航
- 操作:选择
- 标签:“购买”
注意:标签值应与所点击的特定链接对应(例如,“购买”对应 buy.html,“联系”对应 contact.html,“关于”对应 about.html)。 - 代码名称:UA - 事件 - 购买链接
- 非互动命中:False
- Google Analytics(分析)设置:选择现有的 Google Analytics(分析)设置变量,或创建一个新变量。
- 点击触发条件并选择您在第 3 步创建的名为“触发器 - 购买点击”的触发器。
- 为代码命名并保存代码配置。
- 对“联系”和“关于”链接,分别重复以上步骤创建相关代码。请务必根据网页名称设置标签值,例如“购买”对应 buy.html,“联系”对应 contact.html,“关于”对应 about.html
- 发布容器。
使用单个代码来衡量点击
为了简化容器,您可以使用单个触发器通过正则表达式在合适的网页上进行触发,并使用单个代码为标签字段使用跟踪代码管理器变量,具体步骤如下:
- 如果还没有 Google Analytics(分析)网页浏览代码,请添加一个。此代码必须在所有网页中触发。
- 启用跟踪代码管理器来捕获获得点击的网址的值:
- 点击变量。
- 在内置变量部分中,点击配置。
- 选择点击跟踪网址内置变量。
- 创建单个触发器来处理上表中每一项的链接点击:
- 依次点击触发器 新建。
- 依次点击触发器配置 点击 - 仅限链接
- 使用以下设置配置触发器:
- 等待代码触发完毕:启用
- 最长等待时间:2000 毫秒
- 检查验证结果:停用
- 当所有这些条件均为 true 时,启用此触发器:网页网址 包含
/
- 此触发器的触发条件:某些点击 点击跟踪网址 匹配正则表达式
contact\.html\buy\.html\about\.html
- 将触发器命名为“触发器 - 导航点击”,然后保存。
- 创建单个代码来处理所有点击:
- 依次点击代码 新建。
- 依次点击代码配置 Google Analytics(分析)- Universal Analytics。
- 将跟踪类型设置为事件。
- 填写事件跟踪参数:
- 类别:导航
- 操作:选择
- 标签:{{Click URL}}
- 点击触发条件并选择您在第 3 步创建的名为“触发器 - 导航点击”的触发器。
- 保存代码。
- 发布容器。
任何元素获得的点击
此方法用于衡量除了链接之外的其他元素获得的点击。这包括图片、<div>
元素或者 DOM 可访问的任何其他页面项目所获得的点击。在本例中,每张图片的 class
属性值为 gallery
,并且每张图片具有唯一的 ID 属性值:
在此示例中,我们使用这些属性配置了触发器,使其对具有 class="gallery"
设置的图片代码进行触发,然后使用该触发器来触发相关代码,将相应 ID 值(例如 Golden_Gate_Bridge
、Taj_Mahal
)发送到 Google Analytics(分析)。
- 如果还没有 Google Analytics(分析)网页浏览代码,请添加一个。此代码必须在所有网页中触发。
- 启用跟踪代码管理器来捕获获得点击的类和 ID 的值:
- 点击变量。
- 在内置变量部分中,点击配置。
- 选择点击类和点击 ID 内置变量。
- 创建一个新触发器,使其在链接具有
gallery
类属性值时触发:- 依次点击触发器 新建。
- 依次点击触发器配置 点击 - 所有元素。
- 当所有这些条件均为 true 时,启用此触发器:网页网址 包含
/
- 此触发器的触发条件:某些点击 点击类 包含
gallery
。 - 保存触发器,并在看到提示后将其命名为“触发器 - 图库图片点击”。
- 创建一个代码来捕获获得点击的图片的 ID 属性值:
- 依次点击代码 新建。
- 依次点击代码配置 Universal Analytics。
- 将跟踪类型设置为事件。
- 填写事件跟踪参数:
- 类别:图库
- 操作:点击
- 标签:{{Click ID}}
注意:大括号用于文本字段和自定义代码,以将有效的跟踪代码管理器变量名称替换为从事件中检索的相关值。 - 非互动命中:False
- Google Analytics(分析)设置:选择现有的 Google Analytics(分析)设置变量,或创建一个新变量(如有必要)。
- 点击触发条件并选择您在第 3 步创建的名为“触发器 - 图库图片点击”的触发器。
- 将代码保存为“GA - 事件代码 - 图库图片点击”。
- 发布容器。
定时间隔
当没有任何事件触发时,您需要通过衡量定时间隔来了解用户的页面停留时间。这可能包括用户在网页上阅读文字或播放视频的时间。此外,考虑到 Google Analytics(分析)会话默认在 30 分钟后超时,您还可能需要实现一个“保持活动事件”,以确保每 25 分钟发送一次活动。
要配置衡量定时间隔的代码,请执行以下操作:
- 如果还没有基本的 Google Analytics(分析)网页浏览代码,请添加一个。此代码必须在所有网页中触发。
- 创建一个计时器触发器:
- 依次点击触发器 新建。
- 依次点击触发器配置 计时器。
- 将以下设置添加到触发器配置中:
- 事件名称:gtm.timer
- 间隔:1500000(以毫秒计算)
- 限制:5
- 当所有这些条件均为 true 时,启用此触发器:网页网址 包含 video.html
- 此触发器的触发条件:所有计时器
- 将触发器保存为“触发器 - 会话计时器”
- 创建一个会话计时器代码:
- 依次点击代码 新建。
- 依次点击代码配置 Universal Analytics,然后将以下设置添加到代码配置中:
- 跟踪类型:计时
- 用户计时跟踪参数:根据报告需要留空或添加值。
- 点击触发条件并选择您在第 2 步创建的名为“触发器 - 会话计时器”的触发器。
- 发布容器。
表单提交
使用此方法时,每次提交网页表单都会触发代码。此示例假设 <form>
HTML 代码包含一个值为“contact_us
”的 ID 属性:
我们可以使用此 ID 创建将在提交此表单时进行监听的触发器:
- 如果还没有基本的 Google Analytics(分析)网页浏览代码,请添加一个。此代码必须在所有网页中触发。
- 启用跟踪代码管理器来捕获表单 ID:
- 点击变量。
- 点击内置变量部分中的配置。
- 选择表单 ID 内置变量。
- 创建一个表单提交触发器:
- 依次点击触发器 新建。
- 依次点击触发器配置 表单提交。
- 将以下设置添加到触发器配置中:
- 等待代码触发完毕:停用
- 检查验证结果:启用
- 当所有这些条件均为 true 时,启用此触发器:网页网址 包含
/
- 此触发器的触发条件:某些表单 表单 ID 包含
contact_us
- 将触发器保存为“触发器 - 我的表单提交”。
- 创建代码来衡量表单提交:
- 依次点击代码 新建。
- 依次点击代码配置 Universal Analytics。
- 将跟踪类型设置为事件。
- 填写事件跟踪参数:
- 类别:表单
- 操作:提交
- 标签:潜在客户 - {{Form ID}}
注意:大括号用于文本字段和自定义代码,以将有效的跟踪代码管理器变量名称替换为从事件中检索的相关值。
- 非互动命中:False
- Google Analytics(分析)设置:选择现有的 Google Analytics(分析)设置变量,或创建一个新变量。
- 点击触发条件并选择您在第 3 步创建的名为“触发器 - 我的表单提交”的触发器。
- 将代码保存为“GA - 事件代码 - 表单提交”。
- 发布容器。