Google Analytics 4 上对Klaviyo Form表单做跟踪

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

更新时间:2025年3月14号

不少人会在网站上使用第三方表单系统,然后想对表单提交做跟踪,这些第三方表单是否能够被GTM跟踪,要看第三方表单是否支持。

Klaviyo Form的跟踪逻辑是:Klaviyo Form它提供一段跟踪代码去监听表单提交,代码如下:

<script>
window.dataLayer = window.dataLayer || [];
window.addEventListener("klaviyoForms", function(e) { 
  if (e.detail.type == 'submit') {
	dataLayer.push({
		'event' : 'klaviyo',
		'formId' : e.detail.formId,
		'formTitle' : e.detail.metaData.$source
	});
  }
});
</script>

接下来看如何在GTM上设置

Step 1 :设置Klaviyo Form代码

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

 

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

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

在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」,命名为“Custom Event- Klaviyo Forms Submit Form”,做如下设置:

Step 3 :设置变量

在GTM中点击「代码」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,命名为dlv_formid,做如下设置:

同理设置dlv-formtitle。

Step 4 :设置代码

最后就是设置代码。

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics:GA4 事件」,命名为“GA4-Event-Klaviyo Forms Submit Form”,然后做如下设定:

Step 5 :预览调试

最后就是测试:

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

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

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


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

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

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