点击 link with "i" and "span" inside issue

Question

我们的团队使用 google 标签管理器（或类似的东西）来跟踪 phone 用户将点击的数字或按钮。此工具要求元素具有 id.

当我们点击一个简单的link，里面没有或时，一切正常。我们得到 id，link 有效，出现带有 "call" 或 "cancel" 的弹出窗口。

但是，下面的markdown就没那么简单了：

<a class="phone-number" id="phone2" href="tel:+380671112233">
  <i class="fa fa-phone" aria-hidden="true"></i>
  <span>+38 067 111 22 33</span>
</a>

Link 有效，弹出窗口出现，但 id 未被跟踪

我用jQuery来console.log点击了什么元素。看起来实际上是在  或  上进行了点击。所以我的猜测是在  或  上发生了点击事件，然后冒泡事件发生并触发了 link。所以当 link 被触发时出现弹出窗口，但是在另一个元素上进行了点击，因此 google 标签管理器无法捕获 id。

如何才能禁止点击内部元素并强制点击 <a> 标签？

Answer 1

能否尝试在 GTM 设置中将 "Click triggers" 设置为 "Just links"？

参考：Capturing The Correct Element In Google Tag Manager

点击 link with "i" and "span" inside issue

Click on link with "i" and "span" inside issue

javascript

jquery

event-bubbling