GTM的表单提交触发器可以跟踪访客是否真正成功提交了表单，而不仅是点击提交按钮。
认识GTM表单提交触发器
GTM的表单提交触发器用于跟踪表单提交行为。它关注的不是“用户点击了按钮”，而是“用户是否成功提交了表单”。因此，它比单纯的点击跟踪更准确。
使用场景有：用户注册，用户订阅，用户信息提交等。
表单提交触发器内置变量
执行表单提交触发器时，GTM 会自动填充以下内置变量：
- Form Element：用户点击的表单元素。
- Form Classes：表单类属性中的一系列值。
- Form ID：表单元素的 ID 属性。
- Form Target：表单元素的目标属性。
- Form URL：表单元素的 HREF 属性（如有）。
- Form Text：表单内部的可见文本。
这些变量都属于内置变量，只需在 GTM 中勾选即可使用。实际配置时，最常用的是 Form ID 和 Form Classes，用于定位和区分不同表单。
使用表单提交触发器的条件
要正常使用表单提交触发器，需要满足两个条件：
条件 1：表单必须有ID或Class
<form> 层级代码中必须包含 id 或 class 属性，推荐使用 id，例如：
<form id="signup-form">
如果同一页面有多个表单，建议为每个表单设置不同的 id 或 class，方便区分。
条件 2：表单需要具备验证逻辑
用户提交信息不完整时，页面应提示某些字段尚未填写。只有验证通过、成功提交时，触发器才应触发。这个验证结果是判断“成功提交”的重要标志。
上述两个是必须的，第一个是用于表单的定位于区分，如果你的一个页面有多个表单位置的话，那么两个id属性需要不同；第二个的作用是成功提交的标志。
设置示例：跟踪HubSpot联系销售表单
以为https://offers.hubspot.com/contact-sales页面为例，介绍如何用 GTM 表单提交触发器做表单提交跟踪。
Step 1 ：查看页面源码，找到表单ID
在页面上点击鼠标右键，选择“检测”，查看页面代码中的 <form> 部分。示例中表单带有 id 属性，例如：
后续配置触发器时会用到这个 ID。实际项目中请以真实页面的 form id 为准。
Step 2 ：开启表单内置变量
在GTM中点击「变量」—「内置变量」—「配置」，然后找到表单相关内置变量
建议至少勾选Form Classes或Form ID，如果还需要区分更多属性，也可以按需开启其他表单变量。
Step 3 ：设置表单提交触发器
从Step 1，我们已经知道了id是commentform。
在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「表单提交」，做如下设置：
- 等待代码触发完毕 ：待依赖此事件的所有代码均已触发，或指定的超时时间已过后（二者取其先），再提交表单。取消选中此选项可保证代码获得最大的触发机会，但较慢的代码可能要等到表单提交引发下个页面加载后才能触发。
- 检查验证结果 ：只有成功提交的才触发，必须勾选，勾选的时候会设置条件，一般是限制在哪个页面，如果不需要做限制，就用这个正则去匹配所有的即可
此触发器的触发条件：就是用到属性ID的，用于限制哪个表单。
Step 4 ：设置GA4事件代码
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics（分析）：GA4 事件」，做如下设置：
注意：如需要区分，请自行设置事件参数。
Step 5 ：预览调试
最后就是测试。
- 不输入内容，直接点击提交，这时候应该不触发。
- 输入完整内容，点击提交并提交成功：预期应触发。
常见问题
开启增强跟踪后，表单跟踪没事件
表单是否是第三方表单，如果是第三方表单，增强的里表单跟踪是不支持的；如果是自己开发的表单页面，考虑页面代码结构不符合要求。
