我们的团队使用谷歌标签管理器(或类似的东西(来跟踪用户将点击的电话号码或按钮。此工具要求元素具有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设置中将"点击触发器"设置为"仅链接"吗?
参考:在谷歌标签管理中捕获正确的元素