Google跟踪代码管理器gtm.form提交不为AJAX表单触发

Question

当我使用Google跟踪代码管理器创建标签以收听表单提交时。

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

我该怎么办？

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

Answer 1

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

在表单提交监听器中，您需要对AJAX表单进行未检查的检查验证（如果阻止提交按钮进行正常提交，就像使用AJAX表单一样，此选项会阻止侦听器触发正确的事件）。

Answer 2

我有一个ajax提交表单，formSubmit点击监听器和事件标签对我有效。

你可能已经这样做，但只是要仔细检查;

• 您要添加2个标签 - formSubmit侦听器和该事件的Google Analytics事件代码？
  • 您是否正确设置过滤器（即包括事件等于gtm.formSubmit和相应的页面？）

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

Answer 3

以下是Google推荐的方式。

1. 添加基本网页跟踪代码（即Google Analytics或Universal Analytics的代码类型;跟踪网页浏览类型），如果您还没有。此标记必须在所有页面上触发。

2. 添加Event Listener＆gt;类型的标签表格提交听众。您可以将其命名为“Form Submit Listener”。添加“所有页面”的单个触发规则，或者，对于您要监听表单提交的特定页面。

3. 使用以下条件添加规则（例如，名为“表单提交”）： {{event}}等于gtm.formSubmit

4. 添加Google Analytics事件跟踪代码（即Google Analytics或Universal Analytics的代码类型;跟踪事件类型）。将您在上一步中创建的规则添加为触发规则（例如，“表单提交”）。输入事件的类别，操作和标签。例如，您可以使用以下内容： 类别“表格” 行动“提交” 标签“Lead Gen”。

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