欢迎访问我的博客,有问题可以在任意文章底部留言评论

Google Analytics 4上表单跟踪的7种方法

表单跟踪 Haran 10年前 (2016-05-19) 8682次浏览 0个评论

更新时间:2026年8月16号

本文介绍GA4中表单跟踪的几种常用方式,包括增强型衡量、GTM 表单提交触发器、基于 URL、基于元素可见性、自定义 HTML、dataLayer.push 以及普通点击事件,并说明各自适用场景与注意事项。

增强型衡量事件里的表单互动次数

GA4的增强型衡量事件中内置了表单跟踪,只需勾选即可启用。设置的位置在数据流详情里的增强衡量里:

Google Analytics  4上表单跟踪的7种方法

勾选后,默认会跟踪两个事件:

  • form_start:用户在会话中首次与表单互动、事件参数有form_id、form_name、form_destination
  • form_submit:用户提交表单时、事件参数有form_id、form_name、form_destination

注意点:如果网站部署了 Facebook Pixel,开启表单互动次数后,在 GTM 预览中可能会看到大量 form_submit 事件。这是因为 Facebook 的数据会通过表单形式发送,从而误触发 form_submit。这种情况下不建议开启增强型衡量中的表单互动跟踪。

 

GTM表单提交触发器

GTM 中有一个“表单提交”触发器,可用于跟踪表单提交。它只在表单提交成功时触发,因此数据更准确。

使用该触发器需要满足两个条件:

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

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

 

 

基于URL(成功页面)

如果表单提交成功后会跳转到成功页面,可以用该成功页面的 URL 作为触发条件,直接在GA4中创建事件进行跟踪

例如,提交表单后跳转到 https://www.ichdata.com/submit-form.html

GA4中点击「管理」——「媒体资源设置」——「数据显示」——「事件」——「创建事件」——「创建」,然后做如下设定:

Google Analytics  4上表单跟踪的7种方法

这种方法也叫做无代码事件跟踪。

 

基于元素可见性

如果表单提交成功后会弹出或显示特定提示、内容,可以用“元素可见性”作为触发条件进行跟踪。

 

 

自订HTML(jQuery/addEventListener)

在自定义 HTML 中使用 jQuery 或 addEventListener 监听表单提交,一旦提交成功就发送事件。这种方式通常适用于第三方表单工具。

延伸阅读:

 

dataLayer.push方式

表单提交成功时,由开发人员通过 dataLayer.push 发送事件,再由 GTM 捕获并发送到 GA4。

这种方式最准确,但需要开发配合,适合对表单提交有完全控制权的网站。

 

普通事件

如果无法准确跟踪表单提交,可以退而求其次,跟踪普通点击事件。例如跟踪提交按钮的点击。

这种方式只能作为最后手段,因为点击并不代表提交成功。

 


有疑问可以在底部留言
喜欢 (2)
发表我的评论
取消评论

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

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