• 加入Google Analytics、Google Tag Manager QQ群一起交流谷歌分析小站—总群
  • 加入Adobe Analytics、Adobe Launch交流群,加入请附上Adobe的组织ID,没有请勿加Adobe Analytics交流群
  • Google Analytics和Google Tag Manager视频课程第三版http://ke.ichdata.com/course/50

如何在GTM中做表单提交跟踪

Google Analytics GA小站 3年前 (2016-12-23) 5345次浏览 已收录 0个评论

这篇文章主要介绍如何用GTM中的表单提交的使用,这可以应用于跟踪用户成功订阅你们的网站,提交咨询信息,注册等,如果只是要跟踪用户的这个行为的话,可以直接用户事件跟踪,但事件跟踪这种方法往往是偏大的,部分并没有成功提交信息的也被记录了,而GTM中的这个表单提交有个成功提交的检验,还有个延时选项,确保数据能被成功提交才触发,因此这个功能采集的数据更准确。
         表单提交适用于的是页面中包含form的元素。
下面以用户订阅网站信息为例子
1、订阅网站的界面如下,用户只要输入邮箱地址再确认就可以:
如何在GTM中做表单提交跟踪
然后点击鼠标右键中的“检测”,可以看到页面代码中的form部分如下,id就是form id,后面会需要用到如何在GTM中做表单提交跟踪
2、如果内置变量没有打开的,请先打开,直接在点击打钩就是
如何在GTM中做表单提交跟踪
里面的各种form主要用于元素定位
3、设置触发器,触发器的page url就是提交form的页面,如果这个订阅在所有的页面都存在的话,就需要用page url所有的页面,设置如:
如何在GTM中做表单提交跟踪
一定要勾选check validation,这个表示表单成功提交了才触发时间,而上面的延时设置,不做强制设置,主要是设置了更能确保成功触发
如果只是在一个页面提交,就直接定位带页面就可以,如下:如何在GTM中做表单提交跟踪
接下来是fire on选项,如果整个页面只有一个form元素,那么直接选择all forms,如果有多个,存在不同的id,那么就需要选择some forms,定位具体的form id,本例的id是“mc4wp-form-1.”,具体配置如
如何在GTM中做表单提交跟踪
这样设置好旧保存触发器就可以了。
步骤2中勾选的内部变量就是为了在这个时候做精准定位的。
4、接下来就是tag的设置了,类型是事件类型
如何在GTM中做表单提交跟踪
如何在GTM中做表单提交跟踪

这里最Non—interaction做勾选,主要是为防止其他类型的hits对结果造成干扰。
5、然后就可以debug了
如何在GTM中做表单提交跟踪
没问题就可以发布到线上

来源:https://thinkbonfire.com

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址