使用Google Tag Manager让事件跟踪自动化

使用流量统计工具提供的标准代码,来跟踪事件跟踪和转化跟踪是很麻烦的事情,有没有自动化的解决方法吗?有的,Google Tag Manager提供了自动化的解决方法。事件跟踪自动化能够让你不添加任何额外的Javascript情况下跟踪基本上所有的用户行为。

对于所有的Google Anaytics用户来说,意味着不需要添加额外的跟踪代码来跟踪PDF下载,外部链接和其他形式的用户点击,这样就可以减少代码部署时间的花费,数据收集更迅速,数据质量更好,后续就有更多的时间进行分析和优化,从而产生更多的收入和提高投资回报率。

Google Tag Manager的界面如下所示:

gtm界面

Google Tag Manager的3个板块

  1. 跟踪代码

gtm-宏

跟踪代码有4个属性,分别是名称、类型、应用的规则和修改时间,需要注意的是,跟踪代码除了是自定的HTML代码(Javascript代码)外,类型也可以是点击监听器,如下所示:

点击监听器

类型也可以是GA的事件跟踪:

gtm-事件跟踪

2.规则

gtm-规则

规则是指触发流量跟踪或者事件跟踪等的条件,例如URL是所有网页,事件等于gtm.click等。

3.宏

gtm-宏

宏是指规则跟踪代码或者规则中使用到的元素集合,可以是值,也可以是名称。

接下来详细讲解下Google Tag Manager的工作原理:

分为3个步骤:

1Screen-Shot

  1. 监听

新类型的标记,称为事件监听标签,可以监听不同类型的行动,包括点击和表单提交。

  1. 捕获

当事件监听标签发现行动后,这个方法会捕获数据,严格来讲,就是它会将Google Tag Manager的事件推送到数据层。

  1. 收集

然后就可以使用额外的标签来自动收集访客行为了,例如GA的标签。

这个过程中不需要额外的代码,只需要在Google Tag Manager进行设置就好了。

事件监听标签与事件自动化

标签可以发现四种类型的用户行为,所有的行为都会转为Google Tag Manager事件。

  1. 点击监听标签

这个标签会监听页面上的点击,包括按钮点击、链接点击、图片点击等,当点击发生的时候,gtm.click事件就会自动生成。

  1. 表单监听标签

当表单提交发生的时候,gtm.formSubmit就会自动生成。

  1. 链接点击监听标签

跟点击监听类似,不过它只监听链接的点击,当链接被点击的时候,gtm.linkClick就会自动生成。

  1. 时间监听标签

时间监听标签会收集制定的时间间隔的数据,例如制定了1万毫秒的时间间隔,Google Tag Manager每10秒就会触发一次事件。

很明显,如果想自动监听访客行为,那么就必须在想捕获用户行为的页面上包含以上的标签。

打个比方,假设想要捕获链接到外部网站链接的点击,那么需要在页面上有到外部网站的链接,所以应该在网站的所有页面上添加链接点击监听标签。

需要注意的是,在页面添加标签的时候需要制定管理的规则,以下是在所有页面添加标签的时候默认的规则。

2GTM_All-pages-rule

使用GTM所有页面规则在网站的所有页面添加常规的时间监听标签。

如果想要跟踪表单提交,例如联系方式。这样就不需要在网站所有页面上添加标签了,就可以在表单提交页面上创建规则,例如:

3GTM_Payment_page_url_rule

为了控制表单监听标签,可以使用规则来限制摆放。

理解新自动事件宏

除了新的标签和事件,也有很多新的宏可以帮助收集发生了的访客行为。

宏是可以在标签中使用的数据,一些宏是自动产生的,例如URL宏(就是页面的URL),主机名宏(也就是网站的主机名),或者是推荐来源宏(就是HTTP推荐头)。

有了事件跟踪自动化的宏,就可以给访客和流量系统标签互动的元素添加数据。

有5种宏可以提供元素信息:

  1. 元素URL

这个宏会收集触发事件元素的href或者action属性,例如点击链接 < a href=”http://www.cutroni.com”>Analytics Talk< /a>会产生http://www.cutroni.com的值。

  1. 元素目标

这个宏会收集触发事件元素的目标属性,这个值存储在数据层的gtm.elementTarget变量中。

  1. 元素ID

这个宏会收集触发事件元素的id属性,例如点击链接 < a href=”http://www.cutroni.com” id=”outbound_link”>Analytics Talk< /a>会产生outbound_link的值,这个值存储在数据层的gtm.elementID变量中。

  1. 元素类别

这个宏会收集触发事件元素的类别属性,这个值存储在数据层的gtm.elementClasses变量中。

  1. 元素

这个宏会收集触发事件元素action或者href属性。

以下是实际跟踪任务中数据层的例子。

跟踪点击

有些时候,需要跟踪用户点击,包括按钮点击、图片点击和链接点击,如果不使用GTM的话,我们需要添加额外的Javascript代码来触发代码,现在只需要使用点击监听标签就可以发现点击,以下介绍如果跟踪网页上的所有点击并且通过Google Analytics事件来捕获它。

首先,在必要的页面中添加点击监听标签,可以添加到所有页面,也可以是其中一些页面,取决于你想跟踪的内容。

4GTM_Click-Listener-Tag

当点击发现的时候,点击监听标签会监听用户点击,gtm.click事件就会自动生成。

然后,添加Google Analytics标签来执行,收集发生的点击,注意的是,以下将事件类别设置为click,行动的值是动态,根据访客点击的HTML元素确定。

5GTM_UA-event-on-auto-click

可以使用GTM宏来自动捕获访客点击的HTML元素。

注意创建事件跟踪的element宏时,宏类型得选择【自动事件变量】,变量类型选择【元素】。

行为的值捕获HTML元素通用的名称,可以是表单元素的[object HTMLInputElement],或者是页面主体的 [object HTMLBodyElement] ,这些名称顾名思义,都很好懂。

但更好的策略是捕获element class或者element id。

以下是决定什么时候收集点击数据的规则,基本上会跟踪添加了Google Analytics事件的所有点击,以下是限制某些元素收集的案例。

6GTM_auto-event-click-rule

gtm.click事件预示着访客点击了某些东西,会触发Google Analytics标签。

这个方法不适用于使用了iFrame的内容,打个比方,如果在网页中嵌入了YouTube的视频,那么里头的按钮点是不会跟踪的。

使用这个方法会吵闹声很多的数据,特别是垃圾数据,可以通过只跟踪不分类型的点击来减少数据量。

跟踪导出链接

首先在必要的页面添加链接点击监听标签,基本上没有页面都会有导出链接。

7GTM_link-click-listener-tag

链接点击监听会监听访客在连接上的点击。

然后需要在点击发生的时候添加分析的标签,类别设定为outbound-link。

事件行为名称将由目标URL动态填充,element url的宏可以实现这个。

8GTM_analytics-outbound-link-event

element url宏会自动添加Google Analytics事件的目标URL。

以下是最重要的地方,标签的规则,规则分为两部分,首先需要检查链接的点击,同时需要添加条件保证链接不匹配cutroni,也就是主域名,现在链接如果到不同的域名的话,会触发Google Analytics标签和收集点击。

9GTM_outbound-link-click-rule

跟踪文件下载

类别是file-download,行为还是自动填充,使用element url宏。

Element rul 宏会总动将PDF的URL添加到Google Analytics事件数据中。

10GTM_file-download-GA-event

跟导出链接跟踪一样,需要修改规则来包含添加,条件制定了洪湖点击的链接中包含了.pdf。

11GTM_pdf-link-click

跟踪表单发送

可以使用点击监听标签来跟踪表单,也可以使用表单提交监听标签,不必要每个页面都添加这个标签,只需要有表单的页面添加就可以了。

12GTM_form_listener_settings

需要注意的是,可以设置表单监听标签来延迟表单提交确保数据被正确收集,标签最大限度能够延迟两秒。

13GTM_form-event-tag

这个规则只会在表单提交的时候出发Google Analytics时间标签。

通过宏可以从表单元素中提取数据到Google Analytics标签中。打个比方,假设有个表单元素是性别,可以使用宏来捕获数据,然后当定义Google Analytics时间的时候使用宏。

以上内容部分翻译自:http://cutroni.com/blog/2013/10/07/auto-event-tracking-with-google-tag-manager/

此文是CRO社区的专栏文章,转载需联系CRO社区,快乐优化每一天,CRO社区

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>