在联系表单末尾添加事件侦听器以跟踪转化（Google 跟踪代码管理器）

Question

希望你能帮我解决一个小问题。我想在 Facebook 上发布一个帖子，该帖子将指向一个嵌入联系表单的网站。我想在用户到达联系表单末尾后添加一个事件侦听器，以便我可以跟踪转换（有多少人完成了表单）。问题在于联系表单是使用 CRM 软件创建的，并且代码作为 iframe 嵌入到网站上。当用户点击“提交”按钮时，链接不会更改。我已经联系了 CRM 提供商，他们提到了 Google 跟踪代码管理器。有谁知道如何在那里添加事件侦听器？我添加了联系表单最后一部分的屏幕截图。单击“Anfrage abschicken”（提交）按钮时，应该发生事件侦听器。

如果有人有任何想法，我们将不胜感激！另外，如果您需要任何其他信息，请告诉我。 谢谢你

我对编程了解不够，无法自己解决这个问题

Answer 1

GTM 有一个用于经典 html 提交的内置触发器。但这实际上只适用于使用古代提交方法的古代形式。

您可以使用它，然后在预览中进行测试，看看它是否由表单触发。

否则 - 你能做的最好的事情就是向提交按钮添加一个触发器，单击可能带有一些表单验证代码，以查看理论上是否会提交。

Answer 2

当您使用 iframe（子窗口）时，Google 跟踪代码管理器默认不起作用，因为它仅安装在父窗口上。

但是，某些工具已经以将事件发送到父窗口的方式开发了 iframe。如果您的 CRM iframe 属于这种情况，则执行此代码后您将在浏览器控制台中收到事件：

window.addEventListener("message", function(event) {
   console.log(event);
});

然后，当您与 iframe 交互时，事件应该出现在控制台中。

如果他们这样做了，您就可以发送数据层事件并获得 iframe 侦听器：

window.addEventListener("message", function(event) {
   /* here you should filter only messages coming from 
iframe with an if statement on the event object you receive */
   dataLayer.push({
     event: "interaction" // this is an example
   });
});

如果事件没有出现，您有两种解决方案：

• 如果可以在 iframe 中编辑代码，请自行将数据发送到父窗口（使用

  postMessage()

  方法）
• 在 iframe 中插入另一个 GTM 容器

这是我用 Hubspot Meetings iframe 写的一篇文章，过程是一样的：https://data-marketing-school.com/en/blog/track-hubspot-meetings-iframe-with-gtm/