更新时间:2025年8月16号
这一节介绍GTM上对HubSpot Forms做GA4事件跟踪,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,做如下设置:
触发条件可以设定仅在HubSpot Forms表单的页面即可,也可以选择All Pages。
Step 2 :设置表单成功触发器
从上一步我们已经知道了event是form_submission。
在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」,命名为form_submision(HubSpot Forms),做如下设置:
Step 3 :设置变量
在GTM中点击「代码」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,命名为dlv-form_id(HubSpot Forms),做如下设置:
同理设置dlv-form_data.email(HubSpot Forms)。
如果你要做增强转化跟踪,可以使用这两个变量,延伸阅读:Google Tag Manager上安装Google Ads增强型转化跟踪
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里的自定义设置里注册。
如果你是使用其他表单系统,延伸阅读:
- Google Analytics 4 上对Gravity Forms表单做跟踪
- Google Analytics 4 上对Contact Form 7做表单跟踪
- Google Analytics 4 上对Klaviyo Form表单做跟踪
Referral:https://www.analyticsmania.com/post/track-hubspot-forms-with-google-tag-manager-and-google-analytics-4/