angularjs - Angular 和 Google 标签管理器 (GTM) gtm.click

Question

我遇到了问题，我似乎无法找到解决方法。情况如下营销部门想整合GTM。这很好，因为他们希望完全控制他们希望集成的不同第三方提供商。但是为了实现这一点，他们希望能够跟踪页面上的所有点击。

他们告诉我，目前没有使用 GTM 中的当前配置跟踪点击事件。起初的想法是事件没有向上传播(冒泡)。但是，通过将事件监听器绑定(bind)到文档(单击)(见下文)，我自己对此进行了测试，所有带有 ng-click 指令的 div、按钮等确实可以毫无问题地到达此处理程序。

document.addEventListener("click", function(event){
    console.dir(event.target);
});

所以我的假设是配置有问题，但是在查看了配置之后(我自己创建的配置如下):



我仍然无法让它工作。已经使用 angulartics 的按钮 - https://luisfarzati.github.io/angulartics/将事件发送到 GTM 容器按预期工作:

<a href="file.pdf" analytics-on="click" analytics-event="Download">Download</a>

只有捕获所有点击事件(或任何过滤器，如纯粹查看按钮点击)不会。现在再看多一点后，似乎 GTM 期望 gtm.click _event即将发生。但我无法弄清楚(通过 gtm.js 文件凝视)它们如何绑定(bind)到文档中的所有点击事件(初始化后文档上有一个点击绑定(bind)，但我不确定这是 GTM 还是 Angular 的东西) .即便如此，我在这个文件中放置了许多似乎可能与之相关的断点，但是当单击某些东西时它们都没有触发。

所以我的问题是，有没有人有经验将 angularjs 与 angulartics 和 GTM 结合起来，同时让它捕获所有点击/触摸/鼠标按下等事件并将这些事件发送到 GTM？

Answer 1

确保在进行一些更改后发布了 GTM 容器。使用 GTM 界面(右上角)内的“立即发布”或“预览和调试”按钮。
因为根据您的标签配置，每次用户点击网站上的某些内容时，该标签都会触发。

关于“gtm.click” - 当用户点击网站上的某些内容时，每次都会触发此 GTM 事件。
在屏幕截图中，您可能会看到，当用户在网页上单击某些东西时，当 GTM 单击监听器打开时(如在您的标签中)，它在 GTM Debug模式(“预览和调试”)下的样子。



可能是我网站上有关在 GTM 上跟踪按钮/链接的一些相关文章也会对您有所帮助:

http://konygin.net/gtm/tracking-links-en/

http://konygin.net/gtm/tracking-buttons-en/