Google Tag Manager 的 gtm.formSubmit 不针对 AJAX 表单触发



当我使用 Google 跟踪代码管理器创建一个代码来监听表单提交时。

对于我的 ajax 提交的表单,该表单没有转到新页面,提交表单不会将 gtm.formSubmit 事件触发到数据层中。

我应该怎么做?

我需要一个"无代码"解决方案来检测表单提交并捕获提交的值。

我也遇到了另一个潜在的原因,我想我会把它放在这里。

在表单提交侦听器中,您需要取消选中 AJAX 表单的检查验证(如果阻止"提交"按钮执行正常提交,就像处理 AJAX 表单一样,此选项会阻止侦听器触发正确的事件)。

我有一个 ajax 提交的表单,表单提交点击侦听器和事件标签对我有用。

您可能已经在这样做了,但只是为了仔细检查;

  • 您要添加 2 个标记 - 表单提交侦听器和该事件的分析事件标记?
    • 您是否正确设置了过滤器(即包括事件等于 gtm.formSubmit,以及相应的页面?

如果它仍然不起作用,另一个建议是使用简单的点击侦听器,然后过滤表单所在的页面和提交按钮的 ID。

以下是

Google建议的做法。

  1. 添加基本的页面跟踪标签(即谷歌分析或通用分析的标签类型;跟踪页面视图类型),如果您还没有。此代码必须在所有网页上触发。

  2. 添加类型为"事件侦听器"的标记>"表单提交侦听器"。您可以将其命名为"表单提交侦听器"。添加"所有页面"的单个触发规则,或者为要侦听表单提交的特定页面添加触发规则。

  3. 添加具有以下条件的规则(例如,名为"表单提交"):{{event}} equals gtm.formSubmit

  4. 添加分析事件跟踪标签(即谷歌分析或通用分析的代码类型;跟踪事件类型)。将您在上一步中创建的规则添加为触发规则(例如,"表单提交")。输入事件的类别、操作和标签。例如,您可以使用以下内容:类别 "表格"操作"提交"标签"潜在客户"。

  5. 保存容器的版本并发布。

最新更新