本文我们将介绍安装 Google Tag Manager ,以及设置 Google Analytics 以进行事件跟踪。每当网站的用户执行某些操作时,它们将被记录为事件。需要跟踪的常见操作包括,点击表单上的提交按钮、点击触发移动设备的电话的链接或点击电子邮件链接等等。一旦在 Google 跟踪代码管理器的帮助下记录了事件,就可以设置一个事件目标来跟踪它们。
安装谷歌标签管理器
有两种方法可以设置事件跟踪。您可以手动编写事件跟踪代码,但除非您有专业技术人员,否则这是很难实现的方法。另外一种方法,就是使用 Google Tag Manager。首先,需要在网站上安装 Google 标签管理器,然后就可以向网站添加事件或代码块了。
如果您当前尚未使用 Google 标签管理器,则需要前往 https://tagmanager.google.com 设置帐户,并按照以下步骤进行安装:
第 1 步:点击创建账户;
第 2 步:在帐户名称字段中输入公司名称,在容器名称字段中输入网址,并选中 Web 作为目标平台。
第 3 步:单击创建按钮,并接受服务条款。
第 4 步:接下来,您需要在网站上每个页面的 <head> 标签中和 <body> 标签位置安装一些代码。
设置 Google 跟踪代码管理器变量
一旦有了谷歌标签管理器,就可以创建您的第一个标签了。但首先需要启用了一些变量。单击变量按钮,然后单击配置。我们将跟踪点击次数,因此请确保检查点击次数下的 6 个变量被选中。
现在,让我们创建一个标签。
创建第一个 Google 跟踪代码管理器代码
标签是添加到目标站点,用于收集访客信息的,供第三方应用程序使用的代码位。该代码会在触发器的特定操作发生时运行。在本教程中,我们将设置一个标签来与 Google Analytics 进行通信。标签会告诉 Google Analytics(分析)该做什么,触发器会告诉标签何时运行。
如上所述,您可以使用标签来跟踪各种各样的操作,在接下来的步骤中,我们将设置一个标签,以在用户提交表单的时候触发。我们刚才启用变量的时候,将其中一个用来识别特定表单的提交按钮。
现在,让我们介绍一下创建新标签的步骤:
第 1 步:返回工作区的概览页面,然后单击新建代码中的“添加新代码”;
第 2 步:单击代码配置框右上角的编辑按钮,并选择要使用的代码类型。由于我们想跟踪 Google Analytics 事件,所以选择 Google Analytics。
第 3 步:在跟踪类型下选择事件。
第 4 步:接下来,设定事件跟踪参数,参数应该具有描述性。当在 Google Analytics 中设置目标时,需要记得我们设置的跟踪参数。
第 5 步:在 Google Analytics 设置下,单击新变量并输入您的 Google Analytics ID,以便 Google 跟踪代码管理器知道在哪里报告事件。如果您不知道自己的 ID 或如何登录 Google Analytics 并找到它,请按照这些说明操作。
单击保存。
创建触发器
现在需要添加一个触发器,以便标签知道该在何时运行。
第 1 步:单击添加触发器按钮。
第 2 步:单击 + 号,然后单击触发器配置框。
第 3 步:因为我们要跟踪点击动作,所以选择 点击 – 所有元素。
第 4 步:由于我们只跟踪特定按钮的点击,因此选择一些点击。
第 5 步:您需要选择一个识别点击的唯一变量。右键单击要跟踪的按钮,然后单击检查。我们可以选择源代码中的标签 ID 。选择 Equals 并准确复制类名,或者选择 Contains 并仅复制其中的一部分。
第 6 步:接下来,单击保存并命名您的触发器。
第 7 步:为您的标签命名,然后单击保存。
第 8 步:最后,您需要保存并发布您的容器。
第 9 步:单击提交,输入几句话来描述您创建的内容,然后单击发布。
测试配置
接下来,我们可以对上述的配置进行测试。导航到联系表单,填写并提交表单。然后返回谷歌分析并点击实时按钮,验证事件类别和事件操作是否与设置的内容相匹配。如果看到它们,就可以设置事件跟踪目标了。如果没有看到跟踪的事件,请仔细检查上述步骤。
Google 跟踪代码管理器可用于跟踪多种操作,而不仅仅只是用户点击。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/webmaster/track-events-with-google-tag-manager-and-google-analytics/