Google代码管理工具101 部分5-表单

主编前言:

很多朋友都听说过Tag Management(监测代码管理),但其强大的功能和实现方式,了解的朋友不多。本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。

这是这个系列的第五篇文章。关于如何利用GTM追踪各种线上的表单。

Part1我们介绍了如何替换标准的Google Analytics跟踪代码,并在Part2,我们创建了第一个关于跟踪文档(PDF文件,DOCX等)点击的标签,Part4的内容涵盖社交媒体标签,Part5的内容将涵盖跟踪在线表单提交。

建议你从第1部分开始看这个系列文章,按照文章内容,创建属于你的Google Tag Manager容器。

这是关于GOOGLETAG MANAGER 101系列的第5部分也是最后一部分(也不完全正确,还有第6部分),这部分主要是讲怎么追踪各种线上的表单。

本文提供了一种更为简单的方法来跟踪提交后并不会跳转到新页面的表单提交动作。之前,在GoogleAnalytics中很容易对表单提交动作进行追踪。成功提交表单后,将使用户进入“提交成功”页面,然后使用GA对该页面进行追踪,这并不需要任何智能跟踪。现在,大多数表单都在成功提交后并不会发生页面的跳转,会继续留在当前页面,这就会导致GA中没有记录任何网页浏览量 - 并且无法跟踪表单是否已经被正常提交。

使用Google代码管理工具,只要用户提交表单,就能轻松发送一个事件或pv。难的是,当提交成功后只是发送了事件,但这将部分不会在这篇文章里包含进来,因为我们希望保持整个系列“无Javascript”。如果你想深入了解这方面的知识,在这里推荐一个网站 - Simo Ahava的博客

如果您已经阅读了本系列之前的文章,那我们今天就来直接了解如何创建该类型的创建触发器和标签。

创建表单提交追踪代码

现在我们要做的是针对在这篇博文中提交评论的行为进行追踪(为了帮助我们对此方面进行测试,请开心的在这篇博文下留言~)。

  • 触发器

我们只为我们的博客和新闻页面启用触发器,当表单ID为frmComment时,触发器就会被触发。要获取表单ID,请检查表单的元素,如图所示。(在Chrome中,右键单击表单,选择检查元素)

当访客在“评论表单”上单击“提交”按钮时,此触发器将触发.

  • 追踪代码-事件

对于追踪代码,我们可以创建一个名为Blog Comment 的事件,并通过页面路径发送,以便我们知道用户评论的是哪篇博客文章。您可以决定要通过事件发送哪些信息。

您可以根据上述事件创建目标 - 但如果您要创建目标渠道(例如,在提交表单前有一系列步骤),则必须创建虚拟页面。

  • 追踪代码——虚拟页面

我们使用网页路径字段名设置为“page”,我们在“评论”字词中添加了一个独立的页面 - 此网页会显示在“所有网页”报告中,例如/blog/2015/july/20/google-tag-manager-101-part-4-social-media/Comment

这一过程其实非常简单 - 不超过10分钟,您就已经配置好您的表单的跟踪。像往常一样,Google标记管理工具的预览模式应该用于测试代码是否正确触发。

请注意,要在不影响实时Google Analytics(分析)数据的情况下进行测试,您应该从您的实时Google Analytics(分析)帐户中过滤自己的IP地址,并保留一个单独的未过滤的GA视图。您可以使用未过滤的流量的实时视图查看接收到的事件或页面查看次数。

接下来……

虽然如前文所说,本系列的文章一共有5篇,而本文应该是最后一篇。但是我现在又写了第6篇——一种记录您的博客页面的“真正的跳出率”的方法。真正的跳出率是衡量用户访问某篇文章在文章页面上花费了时间的互动度的一种方式,而不是点击跳到另一个网页。

每当我在Google标记管理工具中看到一个有用的功能时,我也会创作更多文章。感谢每一个跟随这个系列,特别是那些评论的人。您有任何问题请在评论区和我联系。

原文发布于微信公众号 - 互联网数据官(internetcdo)

原文发表时间:2017-01-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Linyb极客之路

详解PV、UV、VV、IP及其关系与计算

PV即Page View,网站浏览量,指页面浏览的次数,用以衡量网站用户访问的网页数量。用户每次打开一个页面便记录1次PV,多次打开同一页面则浏览量累计。一...

5362
来自专栏知晓程序

小程序如何提交审核,并发布?| 小程序问答 #36

今天,知晓程序(微信号 zxcx0101)就来教你,如何在公众平台提交审核、发布小程序。

1693
来自专栏jojo的技术小屋

原 荐 如何扒视频

作者:汪娇娇 时间:2017年11月8日 说到前端开发,免不了在网页里放视频,放视频的话,有时候又免不了扒视频,下面就是我扒视频的辛酸历程,大家且看且珍惜吧。 ...

7958
来自专栏抠抠空间

webpack基础

1560
来自专栏北京马哥教育

实战:用 Python 爬虫攻破爱奇艺 VIP 视频防线

一、实战背景 爱奇艺的VIP视频只有会员能看,普通用户只能看前6分钟。比如加勒比海盗5的URL:http://www.iqiyi.com/v_19rr7qhfg...

4998
来自专栏全华班

分享一套内容信息管理系统(CMS源码版)

内容管理系统是一种位于WEB前端(Web 服务器)和后端办公系统或流程(内容创作、编辑)之间的软件系统。内容管理解决方案重点解决各种非结构化或半结构化的数字资源...

6411
来自专栏Youngxj

emlog每日一键打卡(踩/赞三合一)插件1.2

2415
来自专栏WeTest质量开放平台团队的专栏

微信小程序之提高应用速度小技巧

小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序的响应速度和用户体验。当然,开发体验也提高不少。

2.3K0
来自专栏coder修行路

python爬虫从入门到放弃(九)之 实例爬取上海高级人民法院网开庭公告数据

通过前面的文章已经学习了基本的爬虫知识,通过这个例子进行一下练习,毕竟前面文章的知识点只是一个 一个单独的散知识点,需要通过实际的例子进行融合 分析网站 其实爬...

2167
来自专栏美团技术团队

美团点评境外度假团队前端项目开发实践总结

前言 随着前端项目数量和规模越来越大,参与的人员也越来越多,如何在前端项目开发过程中保证优质的开发者体验和项目的可维护性,同时确保极致的用户体验将会是一个非常大...

4478

扫码关注云+社区

领取腾讯云代金券