大数跨境
0
0

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

Google代码管理工具101 部分5-表单 DigiMaxGlobal
2017-01-10
13
导读:很多朋友都听说过监测代码管理,但其强大的功能和实现方式,了解的朋友不多。本系列以GTM为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。这是这个系列的第五篇文章。关

Google Tag Manager 101系列:如何追踪在线表单提交

使用GTM跟踪无页面跳转的表单提交事件

在本系列的第5篇文章中,我们将介绍如何通过Google Tag Manager(GTM)来跟踪在线表单的提交行为,尤其是针对提交后不会发生页面跳转的情况。

过去,在Google Analytics中追踪表单提交较为简单,用户通常会在提交成功后进入“提交成功”页面,并可通过网页浏览记录数据。然而,如今大多数网站采用动态加载方式处理表单,不再触发新页面跳转,这就需要借助事件跟踪或虚拟页面浏览的方法进行记录。

利用GTM,我们可以通过配置标签和触发器来实现这一功能,而无需涉及复杂的JavaScript代码。

创建表单提交追踪代码

  • 触发器设置

首先,我们需要为博客和新闻页面创建一个特定触发器——当表单ID为frmComment时激活追踪代码。您可以通过浏览器右键点击并检查表单元素来获取其ID。

一旦访客点击“提交评论”按钮,该触发器就会被触发。

  • 事件追踪代码

接下来,您可以创建一个名为Blog Comment的事件,将页面路径一并发送,以便识别是哪篇博文被留言。

通过这种方式,可以分析用户在哪个页面提交了评论。如果您的业务需求更复杂,例如涉及多步骤流程,还可以设置目标转化路径。

  • 虚拟页面追踪代码

若选择使用虚拟页面方式进行跟踪,可将字段名设为page,并在路径后添加统一标识如/Comment,这样可在“所有网页”报告中清楚看到每个页面的评论情况。

完成这些配置所需时间不超过10分钟。请务必使用GTM的预览模式进行测试,确保事件能够正确触发。

如果您想在不影响实时数据分析的前提下测试效果,建议从GA账户过滤自己的IP地址,并保留一个未经过滤的视图以供测试验证。

系列后续文章预告

虽然本文是系列的第5篇,但它并非最终一篇。后续还将发布关于追踪博客文章“真正跳出率”的方法等内容,敬请关注。

【声明】内容源于网络
0
0
DigiMaxGlobal
全球视野,寻找生意增长机会!
内容 1088
粉丝 0
认证用户
DigiMaxGlobal 北京纷析数据科技有限公司 全球视野,寻找生意增长机会!
总阅读9.8k
粉丝0
内容1.1k