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

Google Analytics 4 黄业忠 6年前 (2016-12-23) 6639次浏览 0个评论

不少人会在网站上使用第三方表单系统,然后想对表单提交做跟踪,这些第三方表单是否能够被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上设置

设置Gravity Forms代码

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」,做如下设置:

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

 

设置表单成功触发器

从上一步我们已经知道了event是gravityFormSubmission

在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」,做如下设置:

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

 

设置代码

最后就是设置代码。

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics(分析):GA4 事件」,做如下设置:Google Analytics 4 上对Gravity Forms表单做跟踪

 

注意:如需要区分,请自行设置事件参数。

 

调试

最后就是测试。

先不输入内容,直接点击提交,这时候应该不触发。

然后输入内容,点击提交,提交成功,应该是触发。

 

 

 

如果你不会调试,请看:Google Tag Manager中新的调试方式:Tag Assistant


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

转载请注明标题:Google Analytics 4 上对Gravity Forms表单做跟踪
链接:https://www.ichdata.com/do-form-submission-tracking-via-gtm.html

喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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