带有表单自动事件监听器的Google跟踪代码管理器表单跟踪

在这篇文章中，我’会告诉您最可靠的Google跟踪代码管理器表单跟踪方法之一–表单自动事件侦听器。这篇博客文章是更大更全面的指南的一部分– 5种Google跟踪代码管理器表单跟踪方法.

您可能已经熟悉了主要的GTM概念：您要跟踪的每个交互都需要一个标签和一个触发器。如果您想使用Google Analytics（分析）追踪所有表单提交’当必须触发代码时，需要创建Google Analytics（分析）代码和触发器（规则）。创建标签是此过程的简单部分。让’s make one – 您’在本博客文章的下一章中将需要它）：

1. 前往标签
2. 按 新的 纽扣
3. 在一个 标签配置 选择Universal Analytics：
   1. 粘贴您的Google Analytics（分析）ID（例如UA-XXXXXX）。如果您粘贴它会更好 作为常数.
   2. 轨道类型– 事件
   3. 活动类别– 表单提交 （随时选择其他合适的标题）
   4. 事件动作– 联系表格 （随时选择其他合适的标题）
   5. 活动标签– {{页面网址}}。 附言随时为事件类别，操作和标签选择其他值。
   6. 保留其他字段不变。
4. 将触发部分留空（暂时），然后单击 保存。我们’在本博文的下一章中将再次讨论。

 

让’s Create a Trigger

第一， 让’s try GTM’内置的表单侦听器。在您的GTM帐户中打开变量列表。在内置变量下，单击 配置Â并在右侧栏中启用所有Form变量（所有更改将自动保存）。

Then open a list of all 您r triggers (by clicking 扳机 在左侧边栏中）。创建一个新触发器：

• 标题“All form submissions”.
• 触发类型– 表单提交。
• 离开 等待标签 未经检查。
• 点击 检查验证 复选框。选中此选项后，如果阻止了表单的默认操作（提交和重定向），则GTM将不会触发触发器。如果未选中该复选框，则无论何时注册了一个提交事件（即使表单提交有错误（例如，几个必填字段都留为空白）），触发器都将关闭。
• 开火。在此示例中，我想跟踪所有表格。

现在，让’s use GTM’■预览和调试模式，以查找默认表单自动事件侦听器是否适用于我们。在您的Google跟踪代码管理器帐户的右上角，展开发布按钮’s options and click “Preview”.

启用预览模式后，导航到已发布的站点，您将在浏览器底部看到一个调试控制台，其中显示有关标签的详细信息，包括其触发状态和正在处理的数据。该控制台窗口仅在您预览站点时出现在您的计算机上，其他网站访问者看不到。它看起来应该像这样：

如果您已经使用表单打开了该页面，但不要’t see GTM’的调试控制台，刷新页面。如果您仍然遇到问题，建议您阅读更多有关 最常见的Google跟踪代码管理器错误找到解决方案。

 

 

让’返回到Google跟踪代码管理器表单跟踪。填写表格（尽量不要将任何字段留空）：

1. 点击提交按钮。做了一个 gtm.formSubmit event appear in the 预习 and Debug console? If not, then GTM’s 表单自动事件监听器无法与此表单一起使用 并且您应该选择其他描述的表单跟踪选项 在这篇博客文章中.
   
2. 如果gtm.formSubmit事件确实出现在“预览和调试”控制台中，那么您应该执行另一项测试–请尝试至少将一个必填的表单字段留空，然后再次提交表单。这样你’将模仿您的表单中的错误：
   1. 如果gtm.formSubmit事件再次触发，则您应检查提到的其他Google跟踪代码管理器表单跟踪选项 在这篇博客文章中.
   2. 如果gtm.formSubmit事件未触发– 那’太棒了！这意味着GTM将仅跟踪那些已成功完成的表单提交（这正是您所需要的）。

大！我们’我们确定可以使用GTM跟踪我们的表格’的内置表单侦听器。让’专门创建一个触发器 那种形式。 Remember gtm.formSubmit event that was previously mentioned? 请点击 on it (in 预习 and Debug mode), then click Variables.

然后向下滚动并开始寻找 形式 唯一的变量 那表单。通常会 表格编号 可变的，在其他情况下–表单类（但最好使用表单ID（如果可能））。如下图所示，我已经提交了一个表单（表单ID变量为 form_contact2）。

这是一个很好的标识符，未在网站的任何其他元素上使用，所以我’将其用作我的触发器：

1. 转到触发器，然后单击 新
2. 请点击 触发配置 部分并选择触发类型– 表格提交
3. 点击 检查验证并设置规则 页面URL匹配正则表达式（。*）。一种  此规则意味着此表单提交触发器将在所有页面上可用。如果要使其仅在特定页面上可访问，则可以添加更具体的规则，例如 网页网址包含/ contact-us / (it depends on the URL of 您r contact form).
4. 然后将此触发器配置为仅在 一些形式 并输入以下规则： 表单ID等于form_contact2.
   1. 如果你不这样做’看表格ID变量–在Google跟踪代码管理器的内置变量列表中启用它。
   2. 表单ID在您的情况下可能（并且可能会有所不同）（与我的示例相比）。

让’s Test

1. 将此新触发器分配给您在本博文开头创建的Google Analytics（分析）标记。
2. Open (or refresh) a 预习 and Debug mode, refresh a web page with a form 您 want to track.
3. 然后填写表格并提交–如果Google Analytics（分析）代码被触发，’同样是个好消息！（如果可能的话），请尝试在您的网站上提交其他表格：如果成功提交，则不会触发GA标签。

 

如果表单自动事件侦听器是’t Work for You

我创建了一个非常详细的 Google跟踪代码管理器表单跟踪指南 其中包括5种不同的表单跟踪技术。如果使用Google跟踪代码管理器进行表单跟踪，则表单自动事件监听器没有’为您服务，请确保您选中其他选项 在这里提到.

如有疑问，请随时通过社交媒体帐户与我联系或发表评论 在这篇博客文章中.