更新时间：2025年8月16号
不少人会在网站上使用第三方表单系统，然后想对表单提交做跟踪，这些第三方表单是否能够被GTM跟踪，要看第三方表单是否支持。
这一节介绍HubSpot Forms，HubSpot Forms是有API支持GTM去做表单跟踪的。
HubSpot Forms的跟踪逻辑是：HubSpot Forms在成功提交可以通过addEventListener监听，然后通过dataLayer发送数据，以下代码支持HubSpot Forms v3和v4，布署到有HubSpot Forms表单的页面即可，代码如下：
接下来看如何在GTM上设置
Step 1 ：设置HubSpot Forms代码
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」，命名为cHTML-Listen HubSpot Forms，做如下设置：
Step 2 ：设置表单成功触发器
从上一步我们已经知道了event是form_submission。
在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」，命名为form_submision(HubSpot Forms)，做如下设置：
Step 3 ：设置变量
在GTM中点击「代码」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」，命名为dlv-form_id(HubSpot Forms)，做如下设置：
同理设置dlv-form_data.email(HubSpot Forms)。
Step 4 ：设置代码
最后就是设置代码。
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics（分析）：GA4 事件」，命名为GA4 Event-form_submission(HubSpot Forms)，做如下设置：
Step 5 ：预览调试
最后就是测试：
- 先不输入内容，直接点击提交，这时候应该不触发。
- 然后输入内容，点击提交，提交成功，应该是触发。
如果你不会调试，请看：Google Tag Manager中新的调试方式：Tag Assistant
Step 6 ：自定义设置
如果想在GA4中使用from_id和form_email，需要再GA4里的自定义设置里注册。
Referral：https://www.analyticsmania.com/post/track-hubspot-forms-with-google-tag-manager-and-google-analytics-4/
