单击带有"i"的链接,并"span"内部问题



我们的团队使用谷歌标签管理器(或类似的东西(来跟踪用户将点击的电话号码或按钮。此工具要求元素具有id

当我们点击一个简单的链接,没有<i><span>,一切都好。我们得到id,链接工作,弹出"呼叫"或"取消"。

然而,下面的降价并没有那么简单:

<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>

链接工作,弹出窗口出现,但id未被跟踪

我使用jQuery来console.log点击了什么元素。看起来实际上已经在<span><i>上进行了点击。所以我的猜测是,点击事件发生在<span><i>上,然后冒泡的事情发生了,它触发了链接。当链接被触发时,弹出窗口就会出现,但点击了另一个元素,所以谷歌标签管理器无法捕捉id。

我可以做些什么来禁用内部元素上的点击并强制点击<a>标签?

您能尝试在GTM设置中将"点击触发器"设置为"仅链接"吗?

参考:在谷歌标签管理中捕获正确的元素

最新更新