更新时间:2024年6月9号
不少人会在网站上使用第三方表单系统,然后想对表单提交做跟踪,这些第三方表单是否能够被GTM跟踪,要看第三方表单是否支持。
这一节介绍Gravity Forms,Gravity Forms是有API支持GTM去做表单跟踪的,以为https://www.gravityforms.com/open-support-ticket/general/上的表单为例子。
Gravity Forms的跟踪逻辑是:Gravity Forms在成功提交的时候会发送dataLayer,它提供一段跟踪代码,部署到有Gravity Forms表单的页面即可,代码如下:
<script> jQuery(document).ready( function() { jQuery(document).bind('gform_confirmation_loaded', function(event, formId){ window.dataLayer.push({ 'event' : 'gravityFormSubmission', 'gfformID' : formId }); }); }) </script>
接下来看如何在GTM上设置
Step 1 :设置Gravity Forms代码
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」,做如下设置:
Step 2:设置表单成功触发器
从上一步我们已经知道了event是gravityFormSubmission。
在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」,做如下设置:
Step 3 :设置代码
最后就是设置代码。
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics(分析):GA4 事件」,做如下设置:
注意:如需要区分,请自行设置事件参数。
Step 4:预览调试
最后就是测试:
- 先不输入内容,直接点击提交,这时候应该不触发。
- 然后输入内容,点击提交,提交成功,应该是触发。
如果你不会调试,请看:Google Tag Manager中新的调试方式:Tag Assistant
如果你是自建表单,请看:Google Analytics 4 上做表单提交跟踪