有没有办法跟踪在谷歌标签管理器上填写的任何表格？答案

【问题标题】：Is there a way to track any form being filled on google tag manager?有没有办法跟踪在谷歌标签管理器上填写的任何表格？
【发布时间】：2021-08-12 21:32:46
【问题描述】：

有没有办法跟踪在谷歌标签管理器上填写的任何表格？我查看了选项，似乎没有办法做到这一点，我可以捕获表单提交的事件，但不能在用户填写表单时捕获。是否有捷径可寻？我试图通过用户单击输入来捕获事件，但它会在每次页面加载时触发。检查表单中的某个输入字段是否正在填写。

【问题讨论】：

您需要更具体地重新/您到底想要完成什么 - 例如。在用户进入下一个字段时检查各个字段，或在提交表单之前检查所有必填字段等。有一些方法（虽然没有内置），但它们取决于预期的结果（也请完成你的句子） .
我只是想检查一个正确字段内的输入是否被填充。

标签： google-tag-manager

【解决方案1】：

嗯，您通常有两种方法：让您的前端开发人员编写代码并在发生时向您发送一个 dataLayer 事件，或者您自己编写代码。

如果您无法将其委托给 FE 开发人员，那么您将不得不自己编写它。考虑你想做什么。从这里开始最简单的事情是检测对该字段的点击，假设如果用户点击它，那么他们将填充它。像这样的跟踪并不完美，因为还有其他方法可以在不单击/点击它的情况下填充字段并且还会出现用户单击它但没有输入任何内容的情况。但这可能是您想要做的。为此，您只需选择正确的 CSS 选择器并使用 GTM 的内置功能。

如果您真的想跟踪字段何时更改输入，则必须编写自己的事件侦听器并使用它向自己发送 dataLayer 事件，然后侦听这些事件并相应地发送事件。

这是你想知道的关于更改事件的内容：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event

您可能还希望阻止在每次更改时发送事件，因此请在侦听器回调触发一次后设置一个阻塞变量。

这很混乱。走这条路可能不值得。

【讨论】：