google-tag-manager - 有没有办法跟踪在谷歌标签管理器上填写的任何表格？

Question

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

标签： google-tag-manager

Answer 1

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

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

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

这是您想了解的有关更改事件的信息：https ://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event

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

这是非常混乱的。走这条路不太可能。