Angular和Google代码管理器（GTM）gtm.click

Question

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

他们回到我身边，目前没有使用GTM中的当前配置跟踪点击事件。起初，人们认为事件并没有向上传播（冒泡）。但是，通过将事件监听器绑定到文档（单击）（见下文），我自己测试了这个，所有div，按钮等都带有ng-click指令，确实可以毫无问题地到达这个处理程序。

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文件）他们如何绑定文档中的所有点击事件（初始化后文档上有一个点击绑定但我不确定这是GTM还是来自角度的东西） 。即使如此，我在这个文件中放置了许多断点，这些断点似乎与它有关，但是当点击某些东西时它们都没有被触发。

所以我的问题是，有没有人将angularjs与angulartics和GTM相结合，同时让它捕获所有点击/触摸/ mousedown等事件并将这些事件发送给GTM？

Answer 1

确保在进行一些更改后建立了GTM容器。使用＆＃34;立即发布＆＃34;或＆＃34;预览和调试＆＃34; GTM界面内的按钮（右上角）。 因为根据您的标记配置，每次用户点击网站上的内容时，都会触发此标记。

关于＆＃34; gtm.click＆＃34; - 当用户点击网站上的内容时，每次GTM事件都会触发。 在用户点击网页上的somethig时，当GTM点击监听器打开时（如在你的标签中），你可以看到它在GTM调试模式（＆＃34;预览和调试＆＃34;）中的样子。

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

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

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

Answer 2

我的问题原来是那个给我带来html GTM标签（noscript / script）的人（来自市场营销）没有正确复制它（或者当它粘贴在JIRA中时出错了）。在我直接复制它（已经访问GTM管理面板）后，它可以正常工作。

看到我调试它时试图只有一个index.html，里面只有一个按钮。即使在那时，跟踪器也不起作用，我开始怀疑为什么会发生这种情况，因为没有任何可能导致问题的角度代码。

经验教训，下次你需要时自己复制代码，以确保它不会在整个过程中被破坏：/