用Google Tag Manager获取用户注册表单信息

Google Tag Manager Haran 7年前 (2017-06-15) 5820次浏览 2个评论

这一节要介绍的是如何获取表单的数据,也就是将本来提交给后台的数据发送给GA,通过这个数据可以分析知道用户在注册不成功主要是在哪一项填写有问题,或是对于一个表单,用户的填写顺序是怎样的,可以给表单优化做一些数据参考。

表单的事件跟踪详细看:注册表单优化

用Google Tag Manager获取用户注册表单信息
原理:上面是一个注册表单,用户在点击注册的时候将相关的数据通过数据层推送出去,然后在GTM重配置接受,在事件中显示。

下面举一个例子,获取用户提交的电话号码的:
1、确定代码位置
表单的形式如
用Google Tag Manager获取用户注册表单信息

 

点击右键查看代码,位置在
用Google Tag Manager获取用户注册表单信息

 

 

然后输入相关信息,在看输入信息是在哪个位置
用Google Tag Manager获取用户注册表单信息
可以看到输入的信息显示的位置,下一步就是要通过js去获取该内容,如果你的内容,并不会在页面存储的话,这个就另寻其他方法了。

2、通过html注入js如获取内容
用Google Tag Manager获取用户注册表单信息

这里的作用就是获取内容,然后通过数据层的形式抛出数据,这里的触发条件是点击注册按钮。

3、trigger中接受事件作为触发器
用Google Tag Manager获取用户注册表单信息
这里的事件是前一步datalayer中的event名字

4、接受数据层变量
用Google Tag Manager获取用户注册表单信息
这里的数据层变量就是第2部抛出的变量

5、设置tag
用Google Tag Manager获取用户注册表单信息
这里就是设置tag,想GA发送数据,event action中用number,也就是存储电话号码,触发用第3步的event,意思是接收到第2步抛出的事件就会触发到这个事件向GA发送数据。

6、然后测试
用Google Tag Manager获取用户注册表单信息

可以看到数据正常接收。

 

应用场景:可以将投诉建议等信息发送到GA,利用GA的计算能力,实时性等做分析;可以将表单的信息用于表单优化等~


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 消息1消息1消息1消息1消息1消息1消息1消息1
    Leonore Trowbridge2018-07-18 04:03 回复 Windows 8.1 | Firefox浏览器 57.0
  2. 测试测试
    Maura Skuthorp2018-07-07 20:11 回复 Windows 8.1 | Firefox浏览器 57.0