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