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

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