Google Analytics 4 上对Gravity Forms表单做跟踪

更新时间：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 上做表单提交跟踪