使用 Google Analytics 事件跟踪

Google Analytics 事件跟踪是一项有用的功能，它允许您记录与您的网站元素的交互，这些元素在 Google Analytics 中未作为标准进行跟踪。

Google Analytics 事件跟踪是一项非常宝贵的功能，它允许您记录与您的网站元素的交互，这些元素在 Google Analytics 中默认不被跟踪。

只需将代码片段添加到您的网站，就可以跟踪事件交互，以了解用户观看您的视频的时间，甚至是用户访问表单上的哪些字段。

在这篇文章中，我将解释如何通过编辑网站上的代码或使用 Google 跟踪代码管理器手动跟踪事件（如果您对编辑代码缺乏信心）。

Google Analytics 事件跟踪有什么用途？

在我们详细介绍如何设置所有内容之前。 让我们看看事件跟踪可用于衡量您网站上的访问者参与度的一些不同方式。 下面列出了事件跟踪的一些典型用途：

• 跟踪到其他网站的出站链接点击。
• 了解有多少用户点击了 mailto 电子邮件地址或点击通话电话号码。 这可以帮助您更好地了解从您的网站获得的查询数量。
• 跟踪 PDF 和其他媒体下载。
• 衡量与视频内容的互动，例如观看视频所花费的时间。
• 准确跟踪用户在填写表单或结账时离开的地方
• 监控对页面独特元素的点击，例如“联系我们”关于页面上的号召性用语。
• 收集有关填写和提交表单的用户数量的数据，尽管我始终建议尽可能向用户发送感谢页面。

事件跟踪允许您计算不一定涉及在您的网站上加载另一个页面的交互。 还可以根据您的事件设置 Google Analytics（分析）目标。

开始之前需要考虑什么

要使用事件跟踪，您需要在您的网站上安装 Google Analytics。 这可以通过将代码添加到您网站上的所有页面或通过将 Google 标签管理器代码添加到您的网站，然后配置 Google Analytics 标签和触发器以及变量来实现。

在开始设置事件跟踪之前，请务必考虑以下几点：

• Google Analytics 跟踪代码有两个版本。 在应用本文中引用的任何代码之前，请检查您是使用较旧的 Universal Google Analytics (Analytics.js) 代码还是较新的 Google Analytics gtag 代码 (gtag.js) 。 我建议迁移到较新版本的 Google Analytics，并且 Google 已经编写了关于如何迁移到使用 gtag.js 的指南。 因为这旨在对抗阻止浏览器中的 cookie 数据的智能跟踪预防 (ITP)。
• 决定您要跟踪网站的哪些元素，无论是 PDF 下载还是对出站链接的点击。
• 在设置事件跟踪时，对可用的不同操作、标签和类别选项采用一致且清晰的命名约定。 您为每个类别、操作和标签指定的每个名称都会出现在事件跟踪报告中。 如果您的命名不合理，那么您的报告以后将没有多大意义。
• 决定是要在网站上设置自动事件标记还是手动标记链接。 如果您要跟踪大量文档和页面元素，则可能值得设置自动事件标记并使用 Google 标签管理器事件。

Google Analytics 事件跟踪是如何工作的？

自定义代码片段会添加到您要在网站上跟踪的项目的链接代码中，当单击该项目时，该元素将被跟踪并显示为 Google Analytics（分析）中的事件。

事件跟踪代码由四个元素组成，您可以定义这些元素来描述用户在您网站上的互动：

• 类别（必需）是您为要跟踪的一组对象指定的名称。
• Action （必需）是交互的类型，例如下载文档。
• 标签（可选）对于总结事件的内容很有用，例如点击导航菜单选项。
• 如果您想为文件下载分配一个数值，则可以使用值（可选）。

当事件在您的网站上触发时， “类别”、“操作”、“标签”和“价值”属性可用于帮助您准确了解用户在您的网页上参与的内容。 如上所述，重要的是要考虑用于这些属性的命名约定，因为这些值将在 Google Analytics 中显示。

Universal Analytics 中事件跟踪链接的事件跟踪代码如下所示：

onclick="ga('send', 'event', 'Category', 'Action', 'Label', 'Value');"

代码位于 href 链接文本之后，如下例所示：

<a href="www.examplewebsite.co.uk/company_brochure.pdf" onclick="ga('send', 'event', 'Category', 'Action', 'Label', 'Value');">

类别、操作、标签和值标签将替换为您决定输入的值。 带有输入值的事件跟踪链接示例位于页面下方。

如何设置 Google Analytics 事件跟踪

根据您想要跟踪的事件数量，或您想要对事件跟踪参数的控制级别，您可以设置自动事件跟踪，或在您的网站上手动标记链接。

如果您要跟踪大量文档和页面元素，则值得使用自动事件标记。 这可以使用 Google 标签管理器来完成。 自动事件标记将在以下情况下触发：

• 当用户点击链接时。
• 单击任何类型的页面元素。
• 在一定的访问持续时间后或按时间间隔。
• 在提交表格时。

如果您想跟踪其他操作，您可以使用 Google 标签管理器进行设置。

手动标记链接以跟踪事件

如前所述，您可以手动自定义站点上的链接，以将“类别”、“操作”、“标签”、“值”属性添加到链接中。 为了给您提供一个实际示例，下面的示例显示了一个链接，其中包含用于跟踪 PDF 下载的事件代码。

下面的斜体文本显示了配置为记录公司宣传册 PDF 文档下载的事件跟踪参数的示例。

<a href="www.examplewebsite.co.uk/pdf/company_brochure.pdf" onclick="ga('send', 'event', 'PDF', 'Download', 'Company Brochure – PDF Download'); ">下载我们的宣传册</a>

自动事件跟踪选项

使用 Google 标签管理器进行事件跟踪

您可以通过设置 Google Tag Manager 的自动事件跟踪来衡量您网站上的互动。

这听起来可能很复杂，但是一旦您了解了标签、触发器和变量的基本原理，它就会变得非常简单。

使用 Google Tag Manager 进行事件跟踪是通过点击事件触发器启动的，这些触发器可以设置在您网页上的特定变量上。 Google 跟踪代码管理器事件是用户对网页元素（“DOM 元素”）的操作，这些操作由您的浏览器触发并发送到跟踪代码管理器数据层，以便它们可用于设置触发器。

下面列出了在 Google 跟踪代码管理器中设置事件所需的步骤摘要：

1. 登录 Google 标签管理器
2. 从左侧选择“标签”
3. 创建一个新标签并选择 Universal Analytics 作为标签类型
4. 设置您的 Google Analytics 跟踪 ID
5. 为轨道类型选择“事件”
6. 设置您的事件类别、操作、标签和值。 您可以使用 Google Tag Manager 变量名称，例如 {{click url}}
7. 根据需要设置触发器

下面概述了如何在 Google 跟踪代码管理器中设置事件的示例：

步骤 1 – 检查您是否为您的活动选择了正确的启用变量

前往 Google 标签管理器中的变量部分，确保您已勾选要在网站上跟踪的变量。

您可以选择根据点击类别、点击元素、点击文本和其他变量来设置触发器。

第 2 步 – 在 Google 标签管理器中创建一个新标签

在 Google 标签管理器中创建一个新标签并将跟踪类型更改为“事件”。 配置选项现在将包括类别、操作、标签和值的跟踪参数字段，如下面的屏幕截图所示。

正如我们在本文前面所讨论的，类别、操作、标签和值属性构成了 Google Analytics 中事件变量的基础。 您可以使用特定于 Google 跟踪代码管理器的代码变量来自动使用值填充字段。 例如，{{Click}} 代码会自动将 Web URL 拉入其输入的字段中。

第 3 步 – 配置标签

输入类别、操作、标签和值的值。

标签应该真正命名，以便为您提供有关点击内容的尽可能多的信息。 如果您打算跟踪站点标题中导航按钮的点击次数，您可能需要记录被点击的项目的点击 URL。

如果您想将名义价值归因于您网站上的查询类型，则可以填充事件的价值框。 例如，您可能希望为联系表单提交提供比电子邮件通讯注册更高的值。

True/False 字段用于非交互事件。 如果您希望事件操作不创建新的综合浏览量并且不影响跳出率，请将此值设置为 True。

每次为跟踪事件设置标签都是相同的。 设置不同类型代码的主要区别在于配置代码触发的对象。

第 4 步 – 选择事件标记将触发的内容

下一步是选择或创建触发代码的触发器。 你需要为你的标签设置条件。 我在您的网站上包含了一些针对不同事件的不同类型触发器的示例。

用于衡量电子邮件地址链接点击次数的触发器

电子邮件地址点击链接的完整触发器示例如下。

1. 在“单击”标题下的“选择触发器类型”屏幕上，选择“仅链接”
2. 选择触发此触发器下的某些链接点击
3. 在第一个下拉框中将变量设置为 Click URL
4. 在第二个下拉选项中指定 URL 'Contains'
5. 在第三个字段中输入 mailto:

用于测量电话号码点击次数的触发器

1. 在“单击”标题下的“选择触发器类型”屏幕上，选择“仅链接”
2. 选择触发此触发器下的某些链接点击
3. 在第一个下拉框中将变量设置为 Click URL
4. 在第二个下拉选项中指定 URL 'Contains'
5. 在第三个字段中输入电话：

用于测量 PDF 下载的触发器

1. 在 Click 标题下的选择 Trigger Type 屏幕上，选择 Just Links
2. 选择触发此触发器下的某些链接点击
3. 在第一个下拉框中将变量设置为 Click URL
4. 在第二个下拉选项中指定 URL 'Contains'
5. 在第三个字段中输入 .pdf

测试您的活动是否按计划进行。

检查您的事件是否按预期工作是一个好主意。 要立即查看结果，您可以使用预览功能预览您的 Google 跟踪代码管理器事件并执行您的事件操作以查看代码是否成功触发。

在 Google Analytics 中，您还可以通过转到实时部分和事件部分来查看过去 30 分钟内触发的事件。

如果您不着急或想查看历史数据，请转到 Google Analytics 的行为 > 事件部分。

设置基于事件的目标

也可以根据您的事件在 Google Analytics 中设置目标。 为此，请登录您的 Google Analytics（分析）帐户并按照以下说明操作：

1. 前往您要设置目标的酒店
2. 单击管理，然后转到目标并单击添加新目标
3. 为您的目标命名并选择事件目标单选按钮选项
4. 在字段中填写您的特定目标的属性。 请记住根据您的事件属性选择等于、开始于或正则表达式选项。
   • 类别
   • 行动
   • 标签
   • 价值
5. 保存您的目标
6. 记得完成一个测试目标，以便你有数据，然后第二天回来检查你的事件目标是否有效

结论

Google Analytics Event Tracking 是衡量您网站上用户互动的重要补充。 它可以与传统的 Google Analytics 目标结合使用，以衡量您网站上的微观或宏观转化。 使用 Google Tag Manager 和 Tag Manager 事件意味着您现在可以更轻松地设置和控制要跟踪的事件，或者您仍然可以根据需要手动更改网站上的代码以添加事件。

有用的链接

• 通用 Google Analytics.js 的 Google 事件跟踪指南
• 在线 Universal Analytics 事件跟踪代码生成器
• 出站链接事件跟踪

如果您需要有关 Google Analytics 的帮助，请随时与我们联系。