更新时间：2025年3月14号
很多网站会使用第三方表单工具，例如Klaviyo Form、HubSpot Form、Typeform、Mailchimp Form、Jotform
这些第三方表单通常不是网站原生 <form> 标签，因此GTM默认的表单提交触发器不一定能够识别。
是否能够跟踪第三方表单提交，主要取决于该工具是否提供：
- JavaScript事件监听机制
- Callback回调
- Data Layer事件
- API接口
Klaviyo Form提供了 klaviyoForms JavaScript事件，因此可以通过GTM监听表单提交状态，然后发送GA4事件。
Klaviyo Form跟踪原理
Klaviyo表单提交流程如下：
用户填写表单——>Klaviyo Form验证提交——>触发 klaviyoForms JavaScript事件——>GTM监听事件——>dataLayer.push()——>触发GA4 Event Tag——>发送数据到GA4接下来看如何在GTM上设置
Step 1：设置Klaviyo Form Listener代码
首先需要让GTM监听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 ：创建GA4事件标签
最后就是设置代码。
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics：GA4 事件」，命名为“GA4-Event-Klaviyo Forms Submit Form”，然后做如下设定：
Step 5 ：GTM预览调试
最后就是测试，在 GTM 里点击预览，打开 Tag Assistant：
- 先不输入内容，直接点击提交，这时候应该不触发。
- 然后输入内容，点击提交，提交成功，应该是触发。
常见问题
点击提交，但是没有触发
检查：是否加载Klaviyo监听代码
GTM预览查看：HTML – Klaviyo Form Listener是否执行。
触发了，但是GA4没有数据
考虑两个因素：
- 事件名称：事件名称是否写错
- 数据延时：标准报告可能需要24~48小时
