html - 如何使用 Google 跟踪代码管理器跟踪带有 span 类的 <a> 标记的点击次数?

标签 html css google-tag-manager

我一直在尝试让 GTM 在每次用户点击下面的链接文本(“点击此处捐赠”)时触发标签。

  <a href="https://www.testurl.com/donate" target="_blank" >
  <span class="donate"><img src="donate-icon.png"></span>
  Click here to donate!    </a>

当用户单击图像时,我可以使用具有以下设置的触发器来触发代码。但当用户单击链接文本时,我无法触发代码。

触发器类型:点击 - 所有元素

触发器触发:一些点击

点击元素 --> 匹配 CSS 选择器 --> .donate

*注意:由于站点模板不是由我直接控制,因此我无法直接将任何 CSS 插入 A 标记中。我可以提出请求,但需要数周甚至更长的时间才能获得必要的批准并完成工作。

非常感谢任何建议!谢谢!

最佳答案

您可以使用Click URL而不是Click Element尝试以下设置:

  • 触发器类型:点击 - 所有元素
  • 触发器触发:一些点击
  • 点击网址: https://www.testurl.com/donate

或者其他解决方案可能是:

  • 触发器类型:点击 - 所有元素
  • 触发器触发:一些点击
  • 点击文本: 点击此处捐赠!

solutions based on: https://support.google.com/tagmanager/answer/6106961?hl=en#Click

另一种可能性是使用触发器类型Click - Just Links:

  • 触发类型:点击 - 仅链接
  • 触发器触发:某些链接点击
  • 点击网址: https://www.testurl.com/donate

如果没有文字或网址怎么办?
在这种情况下,您可以跟踪具有特定 class 属性的元素:

  • 触发器类型:点击 - 所有元素
  • 触发器触发:一些点击
  • 点击类: toggle-sidebar(或更具体的类)

关于html - 如何使用 Google 跟踪代码管理器跟踪带有 span 类的 <a> 标记的点击次数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44591180/

相关文章:

javascript - 如何在谷歌地图上平移?

html - 图片周围的可点击区域太大

javascript - Google跟踪代码管理器数据推送。无法使用php

css - HTML表格边框双线

google-analytics - 将谷歌分析帐户迁移到谷歌标签管理器

google-analytics - Google 跟踪代码管理器触发器在特定条件下不会触发

html - 为什么我的标题在两行时给出这个渲染?

html - 如何在背景颜色之上显示背景图像?

javascript - 如何在 html5/jquery 世界中实现母版页/模板

css - DOMPDF 分页符