javascript - Google 跟踪代码管理器点击事件不会冒泡到父级

Question

我在客户的网站上设置 Google 跟踪代码管理器，但我无法触发点击事件代码。

我将触发器设置为在按钮的 CSS 选择器上触发。

按钮本身有一些子元素，包括一个 svg 图标。单击 svg 时，单击会在数据层中注册，但不会触发标签。只有当我选择按钮本身时，标签才会触发。

我还尝试在我自己的脚本中删除附加到这些按钮的事件监听器，以防 return false; 或 e.stopPropagation() 阻止它，但是这并没有改变任何东西。

我的理解是 GTM 会监听冒泡到文档中的点击事件。如果是这种情况，我的标签应该在点击 child 时触发，对吗？还是我误解了什么？

或者，我应该将事件推送到脚本中的数据层而不是使用点击触发器吗？

screenshots

10 gtm.click 正确触发了标签

9 gtm.click 是没有的子 svg

最后一张截图是我的触发器的触发规则。

Answer 1

我遇到过很多这种类型的问题。它发生在 <i> 上诸如字形图标之类的标签。只需添加 CSS pointer-events:none;到那个 SVG(除非你要求 SVG 是可点击的，而不仅仅是父元素)。 pointer-events:none在 SVG 上意味着当它被点击时，点击事件在父元素上注册。

最好的方法是让客户端开发人员添加 JS。更 hacky 的方法是通过 GTM 在自定义 HTML 标签中运行这样的东西

jQuery('a.link-youre-tracking svg').css('pointer-events','none)