GTM中表单提交的用法

GTM实战指南 GA小站 2266次浏览 已收录 15个评论

GTM的触发器有个表单提交的功能,应用这个功能可以知道访客是否真正完整信息的提交,而不止是行为上的点击了一个submit的形式,这样的数据将更准确,这个场景可以适用于:用户注册,用户订阅,用户信息提交等,只要代码结构里面有form的形式,都可以使用这个去跟踪。

在使用表单提交的时候有两个需要注意的点:
1、form层级的代码必须要有个id属性或class属性,我推荐使用id属性,也就是<form id=”asdf” >这样子
2、需要表单信息验证,也就是用户提交信息不完全的时候,提示某些位置的信息还没有填写

上述两个是必须的,第一个是用于表单的定位于区分,如果你的一个页面有多个表单位置的话,那么两个id属性需要不同;第二个的作用是成功提交的标志。

GTM里面默认已经有不少表单提交的一些内置变量,当执行表单提交触发器时,系统将会自动填充以下变量:
Form Element:用户点击的表单元素。
Form Classes:表单类属性中的一系列值。
Form ID:表单元素的 ID 属性。
Form Target:表单元素的目标属性。
Form URL:表单元素的 HREF 属性(如有)。
Form Text:表单内部的可见文本。
上述的变量都是内置变量,你只需要勾选就可以用这个。

表单提交的本质就是一个事件跟踪,下面举个例子看看怎么做表单提交跟踪,假设表单的是这样的:
GTM中表单提交的用法
然后查看一些页面的代码元素
GTM中表单提交的用法
可以看到form层级的id属性是cilent,那么接下来就是设置触发器。
GTM已经内置有表单触发器,界面如:
GTM中表单提交的用法

Wait for Tags 等待代码触发完毕,待依赖此事件的所有代码均已触发,或指定的超时时间已过后(二者取其先),再提交表单。取消选中此选项可保证代码获得最大的触发机会,但较慢的代码可能要等到表单提交引发下个页面加载后才能触发。

Check Validation检查验证结果 仅在表单成功提交的情况下触发代码。如果不选中,那么只要用户试图提交表单,就会触发代码。这个的功能是只有成功提交的才会被触发,但是实际上是,不应该选择选这个,如果你选这个,不管你是否成功提交与否都是不会触发的;如果你没有选这个,不成功提交是不会触发的,成功提交才触发,所以这个应该是一个bug来的。这是测试后的经验总结

如果选择这个,那么还会多一个选项给你,这个一般适用于页面的定位的。

接下来就是表单的定位的,一般选择某些表单,然后下来的变量就是选前面的在内置变量勾选的变量了,一般用Form ID就可以定位了。

接下来看完整的配置应该是:
GTM中表单提交的用法

Tag中的设置就应该很简单的,如:
GTM中表单提交的用法

这样就可以达到目的了。


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:GTM中表单提交的用法
链接:https://www.ichdata.com/how-to-submit-a-form-in-gtm.html

喜欢 (0)
[hyz1100@126.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(15)个小伙伴在吐槽
  1. 博客内容不错,中文介绍这2个的好像就这一家。tagmanager是一个很不错的免费工具,但是一直不知道怎么利用tag manager跟踪网站外接表单(插件形式安装在网站的第三方表单)的提交动作,望赐教。
    hello2018-09-11 09:29 回复
    • GA小站
      按教程应该可以的
      GA小站2018-09-11 09:53 回复
  2. 群主你好,非常感谢分享经验!我有个问题一直没弄清楚,如果在GTM里设置了各种目标跟踪,比如表格提交,点赞等等,那还需要在GA中设置同样的目标吗?如果不在GA中设置目标,只在GTM中设置跟踪,可以达到一样的效果吗?非常感谢!
    Dan2018-06-30 23:48 回复
    • GA小站
      设置目标是便于归因
      GA小站2018-07-01 13:42 回复
      • 感谢回复! :smile:
        Dan2018-07-02 17:35 回复
  3. 表单如果是在弹窗里,GTM检测不到,怎么办啊?
    Alex Yao2018-06-13 15:48 回复
    • GA小站
      要看你弹框实现的形式,一般是可以的
      GA小站2018-06-13 20:18 回复
  4. 表单提交validation的确是一个bug,上周五刚测试过.....
    Yunhui2018-02-19 16:47 回复
    • GA小站
      终于有个人发现一样的结果,哈哈,实践出真知
      GA小站2018-02-22 16:14 回复
  5. 谢谢您的分享,我想问一下添加代码时里面的字段类别、操作、标签是根据什么来设置的啊?这个我没太明白,麻烦帮忙解答一下,谢谢了。
    fish2018-01-16 10:55 回复
    • GA小站
      都是自定义的,自己定个名称即可,类别是必填,其他可以选填
      GA小站2018-01-16 11:04 回复
      • 那代码是通过哪个字段触发喽?也就是通过什么字段(类别、操作、标签)与触发器关联起来?
        fish2018-01-16 11:30 回复
        • GA小站
          两者并无关联的,表单中的触发器是内置的
          GA小站2018-01-16 11:46 回复
          • 请问一下跟踪邮箱链接跟踪是怎么设置的啊?真是太感谢了。
            fish2018-01-16 11:51
          • GA小站
            UTM参数跟踪
            GA小站2018-01-16 13:43