设置 Google 跟踪代码管理器以跟踪事件

本文我们将介绍安装 Google Tag Manager ,以及设置 Google Analytics 以进行事件跟踪。每当网站的用户执行某些操作时,它们将被记录为事件。需要跟踪的常见操作包括,点击表单上的提交按钮、点击触发移动设备的电话的链接或点击电子邮件链接等等。一旦在 Google 跟踪代码管理器的帮助下记录了事件,就可以设置一个事件目标来跟踪它们。

安装谷歌标签管理器

有两种方法可以设置事件跟踪。您可以手动编写事件跟踪代码,但除非您有专业技术人员,否则这是很难实现的方法。另外一种方法,就是使用 Google Tag Manager。首先,需要在网站上安装 Google 标签管理器,然后就可以向网站添加事件或代码块了。

如果您当前尚未使用 Google 标签管理器,则需要前往 https://tagmanager.google.com 设置帐户,并按照以下步骤进行安装:

第 1 步:点击创建账户;

设置 Google 跟踪代码管理器以跟踪事件

第 2 步:在帐户名称字段中输入公司名称,在容器名称字段中输入网址,并选中 Web 作为目标平台。

设置 Google 跟踪代码管理器以跟踪事件

第 3 步:单击创建按钮,并接受服务条款。

第 4 步:接下来,您需要在网站上每个页面的 <head> 标签中和 <body> 标签位置安装一些代码。

设置 Google 跟踪代码管理器以跟踪事件

设置 Google 跟踪代码管理器变量

设置 Google 跟踪代码管理器以跟踪事件

一旦有了谷歌标签管理器,就可以创建您的第一个标签了。但首先需要启用了一些变量。单击变量按钮,然后单击配置。我们将跟踪点击次数,因此请确保检查点击次数下的 6 个变量被选中。

设置 Google 跟踪代码管理器以跟踪事件

现在,让我们创建一个标签。

创建第一个 Google 跟踪代码管理器代码

标签是添加到目标站点,用于收集访客信息的,供第三方应用程序使用的代码位。该代码会在触发器的特定操作发生时运行。在本教程中,我们将设置一个标签来与 Google Analytics 进行通信。标签会告诉 Google Analytics(分析)该做什么,触发器会告诉标签何时运行。

如上所述,您可以使用标签来跟踪各种各样的操作,在接下来的步骤中,我们将设置一个标签,以在用户提交表单的时候触发。我们刚才启用变量的时候,将其中一个用来识别特定表单的提交按钮。

现在,让我们介绍一下创建新标签的步骤:

第 1 步:返回工作区的概览页面,然后单击新建代码中的“添加新代码”;

设置 Google 跟踪代码管理器以跟踪事件

第 2 步:单击代码配置框右上角的编辑按钮,并选择要使用的代码类型。由于我们想跟踪 Google Analytics 事件,所以选择 Google Analytics。

设置 Google 跟踪代码管理器以跟踪事件

第 3 步:在跟踪类型下选择事件。

第 4 步:接下来,设定事件跟踪参数,参数应该具有描述性。当在 Google Analytics 中设置目标时,需要记得我们设置的跟踪参数。

设置 Google 跟踪代码管理器以跟踪事件

第 5 步:在 Google Analytics 设置下,单击新变量并输入您的 Google Analytics ID,以便 Google 跟踪代码管理器知道在哪里报告事件。如果您不知道自己的 ID 或如何登录 Google Analytics 并找到它,请按照这些说明操作。

设置 Google 跟踪代码管理器以跟踪事件

单击保存。

创建触发器

现在需要添加一个触发器,以便标签知道该在何时运行。

第 1 步:单击添加触发器按钮。

设置 Google 跟踪代码管理器以跟踪事件

第 2 步:单击 + 号,然后单击触发器配置框。

设置 Google 跟踪代码管理器以跟踪事件

第 3 步:因为我们要跟踪点击动作,所以选择 点击 – 所有元素。

第 4 步:由于我们只跟踪特定按钮的点击,因此选择一些点击。

第 5 步:您需要选择一个识别点击的唯一变量。右键单击要跟踪的按钮,然后单击检查。我们可以选择源代码中的标签 ID 。选择 Equals 并准确复制类名,或者选择 Contains 并仅复制其中的一部分。

第 6 步:接下来,单击保存并命名您的触发器。

第 7 步:为您的标签命名,然后单击保存。

设置 Google 跟踪代码管理器以跟踪事件

第 8 步:最后,您需要保存并发布您的容器。

第 9 步:单击提交,输入几句话来描述您创建的内容,然后单击发布。

设置 Google 跟踪代码管理器以跟踪事件

测试配置

接下来,我们可以对上述的配置进行测试。导航到联系表单,填写并提交表单。然后返回谷歌分析并点击实时按钮,验证事件类别和事件操作是否与设置的内容相匹配。如果看到它们,就可以设置事件跟踪目标了。如果没有看到跟踪的事件,请仔细检查上述步骤。

设置 Google 跟踪代码管理器以跟踪事件

Google 跟踪代码管理器可用于跟踪多种操作,而不仅仅只是用户点击。

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

(0)
牛奇网牛奇网
上一篇 2022年3月14日 下午9:45
下一篇 2022年3月16日 上午11:55

相关推荐

发表回复

登录后才能评论