google 单击 <a> 中的 <strong> 标签时标签未触发

google tag not firing when clicking <strong> tag in an <a>

我有一个按钮：

<a href="#how-it-works" class="purple-button text-center">LEARN HOW <strong>BREATH<br>POWERED DELIVERY</strong> WORKS</a>

我们在此按钮上使用 google 标签管理器，如果我们单击 <strong> 元素内的任何区域，则不会触发 GTM 事件。如果我单击其他任何地方都可以，并且会发送事件。有什么想法吗？

向滚动到该锚点的 "strong" 元素添加一个 onclick 处理程序。

我明白了。 strong 元素的焦点优先于 anchor 元素，因此不会触发。设置 .purple-button strong { pointer-events:none;} 修复了它。

请注意，< IE10 不支持 pointer-events。所有其他浏览器似乎都支持它。

这通常是 Google 跟踪代码管理器的问题。如果您试图在不编辑站点代码的情况下解决它，您可以使用自定义 JavaScript 元素从父级读取属性，从而允许您设置一个类似于可能用于按钮其余部分的触发器。 

function() {
return {{Click Element}}.parentElement.href;
}