如何使用谷歌跟踪代码管理器(Google Tag Manager)跟踪点击事件

谷歌跟踪代码管理器(Google Tag Manager)与谷歌分析结合使用,几乎可以跟踪用户在网站上做的任何点击操作。除此之外,还可以跟踪单击的内容、单击的位置以及单击的时间。

跟踪链接

GTM 可以跟踪用户在网站上对任何链接的点击,这可能是Google 跟踪代码管理器执行的最基本的点击跟踪类型,在了解如何为特定链接设置点击触发器后,您也可以对其余类型的点击行为进行跟踪。

创建触发器

第 1 步:点击谷歌跟踪代码管理器页面左侧的“触发器”菜单,然后单击右侧触发器区域的“新建”按钮。

第 2 步:设置触发器名称。为了便于识别和管理,可以为每种类型的触发器使用相同的命名规则。例如,所有点击触发器都以“Click – …”开头。在这里我们命名触发器为“Click – About page link”

第 3 步:点击触发器配置区域,然后选择“单击 > 仅链接”作为触发器类型。

选择“单击 > 仅链接”作为触发器类型
选择“单击 > 仅链接”作为触发器类型

第 4 步:在选择了触发器类型后,下面会有两个复选项目,分别为“等待代码触发完毕”和“检查验证结果”。如果网站页面速度没有太大问题,那么就不用选择该项内容。至于检查验证 结果,如果网站链接都正常工作,也不用管这项内容。

第 5 步:在此触发器的触发条件下,选择“某些链接点击”。

第 6 步:对于触发条件,点击选择内置变量,然后从内置变量中选择“Click URL”变量,并选择与要跟踪的 URL 匹配的模式。如果想要跟踪特定的 URL,请选择“等于”。如果想跟踪一组链接(例如对网站的所有点击),可以使用“开头是”或“包含”,甚至选择正则表达式来匹配关注的 URL 点击。

触发器配置
触发器配置

第 7 步:如果想在触发器上添加更多条件,请点击右侧的“+”号。例如,可以使用 Page Path 变量,来跟踪从特定页面到特定页面的点击。

第 8 步:完成触发器配置后,单击右上角的“保存”按钮。

创建代码片段

第 1 步:点击左侧菜单面板中的“代码”,然后在右侧区域单击“新建”按钮。

第 2 步:为代码片段命名。在命名时可以包含要选的代码类型,这样更容易识别和管理。例如,所有 Google Analytics 代码类型都以“GA – …”开头。

第 3 步:单击页面底部的“触发条件”部分,然后选择刚刚创建的触发器。

第 4 步:点击“代码配置 > Google Analytics(分析):Universal Analytics”。

第 5 步:在“跟踪类型”下拉选单中选择“事件”。当点击相关的 URL 时,就会在 Google Analytics 中创建一个事件。

第 6 步:对于事件跟踪参数的设置,取决于您想要传递给 Google Analytics 的信息,以及您希望如何组织它。“类别”字段最适合用于组织不同类型的事件。对于此示例,让我们输入“链接点击”作为事件类别,以便我们可以在 Google Analytics 中的一个位置查看所有不同的链接点击数据。

第 7 步:对于操作,选择{{Click URL}} 

第 8 步:对于标签,选择{{Page Path}}。这会允许在 Google Analytics 中将下面两个数据点联系在一起:

1.) 点击的 URL;

2.) 用户点击时所在的 URL。

代码配置
代码配置

第 9 步:在“Google Analytics(分析)设置”中,添加您的 Google Analytics 帐户的 GA 变量。这是您唯一的 10 位跟踪代码,以“UA–”开头。

变量配置
变量配置

第 10 步:设置完成后点击“保存”按钮。

第 11 步:单击页面左上角的“预览”,以使用 GTM 的调试模式来测试您的代码是否正确触发。如果一切正常,请单击“提交”并发布您的新容器。

如果您想跟踪特定外部链接的点击次数,请按照上文介绍的方法进行操作。如果要跟踪所有外部链接的点击,则必须更改第六步中的触发器创建部分。您可以排除自己的域以有效地定位所有外部链接,而不是包含特定的 URL 模式。

跟踪外部链接的点击次数
跟踪外部链接的点击次数

当然,还需要应该更改触发器、代码和事件类别名称,以便管理您的分析和跟踪代码管理器帐户。

联络点

跟踪电子邮件地址点击

如果用户点击向您发送电子邮件的链接,是您网站上的一项重要转化事件,您需要在 Google Analytics(分析)帐户中跟踪这些操作。HTML 电子邮件链接通常这样写:“ mailto:info@niuqi360.com ”。

以下步骤将向您展示如何对此类链接点击事件进行跟踪,以及记录来自哪些页面和点击了哪些电子邮件地址。

创建触发器

第 1 步:创建并命名一个新触发器。

第 2 步:选择“点击 > 仅链接”作为触发器类型。

第 3 步:不用勾选“等待代码触发完毕”和“检查验证结果”。

第 4 步:在此触发器的触发条件下选择“某些链接点击

第 5 步:对于触发条件,请使用 Click URL 变量。由于我们要跟踪电子邮件地址的点击次数,所以选择“开头是 ”,然后后面添“mailto:”作为其余触发条件。HTML 中电子邮件地址链接是这样的:“ mailto:info@niuqi360.com ”,当点击这样的链接时,我们的新触发器将触发。

我们的触发器设置为在用户单击 mailto: 链接时触发。
我们的触发器设置为在用户单击 mailto: 链接时触发。

第 6 步:如果您想在触发器上添加其他条件,请使用“+”。例如,您可以使用 Page Path 变量来跟踪来自特定页面的电子邮件链接,例如,联系我们页面。

第 7 步:单击“保存”按钮。

创建代码片段

第 1 步:创建并命名一个新代码片段。

第 2 步:单击页面底部的“触发条件”部分,然后选择您刚刚创建的触发器。

第 3 步:点击“代码配置 > Google Analytics(分析):Universal Analytics”。

第 4 步:选择事件作为“跟踪类型”。当点击相关 URL 时,便会在 Google Analytics 中创建一个事件。

第 5 步:对于事件跟踪参数,让我们使用“Email”作为事件类别。

第 6 步:对于操作,选择{{Click URL}},以便可以记录用户单击的电子邮件地址。

第 7 步:对于标签,输入{{Page Path}}。这将记录用户单击电子邮件地址时所在的页面。

第 8 步:在“Google Analytics 设置”中,添加您的 Google Analytics 帐户的 GA 变量。它是您唯一的 10 位跟踪代码,以“UA–”开头。

创建代码片段
创建代码片段

第 9 步:点击“保存”按钮。

第 10 步:单击“预览”以使用 GTM 的调试模式,来测试单击电子邮件地址链接时您的代码是否正确触发。如果一切正常,请单击“提交”并发布您的新容器。

跟踪电话号码点击

就像上面的电子邮件地址链接跟踪一样,点击电话号码链接可能是需要跟踪的另一重要互动方式。

跟踪电话号码点击的设置方法与上面的跟踪电子邮件地址点击的完全相同,只有一个小的改动,我们要跟踪的链接以“tel:”而不是以“mailto:”开头。

按照上面电子邮件地址示例中的步骤进行操作,但对触发器创建部分中的第 5 步进行以下更改。我们不使用“mailto:”作为点击 URL 值,而是使用“ tel :”

如何使用谷歌跟踪代码管理器(Google Tag Manager)跟踪点击事件

交互式网页元素

一些点击行为可能不涉及实际链接,例如触发 JavaScript 的按钮或显示表单的元素,跟踪这些需要在 Google 跟踪代码管理器中进行不同的设置。

按元素 ID 跟踪点击次数

跟踪不包含链接元素的点击的最简单方法是通过元素 ID 来定位它们。

查找元素的 ID

第 1 步:要查找元素的 ID,在浏览器中右键单击该元素并选择“检查”功能。

第 2 步:如果您正确检查了相关元素,请在元素的 HTML 中查找“id=”。

您可以看到我要跟踪的搜索按钮有一个id=“sa_submit”
您可以看到我要跟踪的搜索按钮有一个id=“sa_submit”

第 3 步:如果您的元素没有 ID,也可以尝试使用元素的 Class 执行以下步骤,但一定要定位准确,否则可能会出现问题。另一种方法是请求您 Web 开发人员为该元素添加一个唯一的 ID。

创建触发器

第 1 步:创建并命名一个新触发器。

第 2 步:选择“点击 > 所有元素”作为触发类型。

如何使用谷歌跟踪代码管理器(Google Tag Manager)跟踪点击事件
创建触发器

第 3 步:选择“此触发器在某些点击时触发”。

第 4 步:对于触发条件,请使用 Click ID 变量,并输入与元素 ID 。

当用户单击 id=sa_submit 的元素时,我们的触发器设置为触发
当用户单击 id=sa_submit 的元素时,我们的触发器设置为触发

第 5 步:如果想在触发器上添加其他条件,请点击右侧的“+”号。例如,您可以使用 Page Path 变量仅跟踪该元素在特定页面上的点击次数。

第 6 步:单击“保存”按钮。

创建代码片段

第 1 步:创建并命名一个新代码片段。

第 2 步:单击页面底部的“触发条件”部分,然后选择您刚刚创建的触发器。

第 3 步:点击“代码配置 > Google Analytics(分析):Universal Analytics”。

第 4 步:选择事件作为“跟踪类型”。当对应元素被点击时,将会在谷歌分析中创建一个事件。

第 5 步:对于事件跟踪参数,取决于您想要传递给 Analytics 的信息,以及您希望如何组织它。“类别”字段最适合用于组织不同类型的事件。在本示例中,我们输入“Search Button”作为事件类别,以便我们可以在 Google Analytics 中的同一位置查看此事件的所有数据。

第 6 步:如果元素上没有实际的 HTML 链接,则在操作中使用 {{Click URL}} 不会告诉我们任何信息。所以我们现在只使用“点击”作为我们的操作,以防将来我们想在“搜索按钮”类别下跟踪其他操作。

第 7 步:对于标签,输入{{Page Path}}。这将在事件中记录用户从哪个页面单击了该元素。

第 8 步:在“Google Analytics 设置”中,添加您的 Google Analytics 帐户的 GA 变量。也就是您唯一的 10 位跟踪代码,以“UA–”开头。

创建代码片段
创建代码片段

第 9 步:点击“保存”按钮。

第 10 步:单击“预览”以使用 GTM 的调试模式来测试您的代码是否正确触发。如果预览正常,请单击“提交”并发布您的新容器。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/uncategorized/how-to-track-clicks-with-google-tag-manager/

(0)
上一篇 2022年3月19日 下午7:39
下一篇 2022年3月20日 上午10:18

相关推荐

发表评论

登录后才能评论