更新时间:2024年12月3号
这一篇介绍表单跟踪的几种常用方式。
增强型衡量事件里的表单互动次数
GA4的增量型衡量事件里内置有表单跟踪,只需要勾选就可以对表单做跟踪。
设置的位置在数据流详情里的增强衡量里:
勾选表单互动次数就可以做跟踪,默认两个事件:
- form_start:用户在会话中首次与表单互动、事件参数有form_id、form_name、form_destination
- form_submit:用户提交表单时、事件参数有form_id、form_name、form_destination
注意点:如果你的网站部署有Facebook Pixel,开启表单互动次数会导致你在GTM预览的时候看到很多的formsubmit,因为Facebook的数据通过表单的形式去发送,所以会错误触发formsubmit,这种情况是不建议开启表单互动的跟踪。
表单提交触发器
GTM里有个表单提交触发器,可以用于跟踪表单提交,只有表单提交成功才触发,这样的数据将更准确。
在使用表单提交触发器的时需要满足两个条件:
- form层级的代码必须要有个id属性或class属性,我推荐使用id属性,也就是<form id=”asdf” >这样子
- 需要表单信息验证,也就是用户提交信息不完全的时候,提示某些位置的信息还没有填写
上述两个是必须的,第一个是用于表单的定位于区分,如果你的一个页面有多个表单位置的话,那么两个id属性需要不同;第二个的作用是成功提交的标志。
详细设置案例,请看:GTM上用表单提交触发器做表单提交跟踪
基于URL
如果表单提交成功后,跳转到成功页面,那么可以用这个成功页面的作为表单提交触发条件,可以直接在GA4里的创建事件去跟踪。
比如提交表单后跳转到成功页面是 https://www.ichdata.com/submit-form.html
在GA4中点击「管理」——「媒体资源设置」——「数据显示」——「事件」——「创建事件」——「创建」,然后做如下设定:
这种方法也叫做无代码事件跟踪,延伸阅读:Google Analytics 4 事件跟踪系列⑪—— 无代码事件跟踪
基于元素可见性
如果表单提交成功后,会弹出或显示特定的提示或内容,那么可以用元素可见性作为触发条件去跟踪.
延伸阅读:「GTM」用元素可见性触发器跟踪表单提交
自订HTML/jQuery
在自订HTML里用jQuery去监听,如果有提交就发送事件,这种通常是一些第三方表单工具会提供。
延伸阅读:
dataLayer.push方式
表单提交成功的时候,开发通过dataLayer发送事件。
普通事件
如果跟踪不到准确的表单提交,那么可以退而求次,跟踪普通点击事件。