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

Google Analytics 4 Haran 8年前 (2016-12-23) 8294次浏览 0个评论
文章目录[隐藏]

更新时间: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」,做如下设置:

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

 

Step 2 :设置表单成功触发器

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

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

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

 

Step 3 :设置代码

最后就是设置代码。

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

 

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

 

Step 4 :预览调试

最后就是测试:

  • 先不输入内容,直接点击提交,这时候应该不触发。
  • 然后输入内容,点击提交,提交成功,应该是触发。

 

 

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

如果你是自建表单,请看:Google Analytics 4 上做表单提交跟踪


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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