如何使用 Google 跟踪代码管理器跟踪对带有 span 类的 <a> 标记的点击？答案

【问题标题】：How do I track clicks on <a> tag with span class inside using Google Tag Manager?如何使用 Google 跟踪代码管理器跟踪对带有 span 类的 <a> 标记的点击？
【发布时间】：2017-06-16 13:59:42
【问题描述】：

我一直在尝试让 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 标签。我可以提出请求，但要获得必要的批准和完成工作需要数周甚至更长的时间。

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

【问题讨论】：

标签： html css google-tag-manager

【解决方案1】：

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

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

或其他解决方案可能是：

触发器类型： 点击 - 所有元素
触发器触发：一些点击
点击文字： Click here to donate!

解决方案基于： https://support.google.com/tagmanager/answer/6106961?hl=en#Click

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

触发类型： 点击 - 只是链接
触发器触发：一些链接点击
点击网址： https://www.testurl.com/donate

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

触发器类型： 点击 - 所有元素
触发器触发：一些点击
点击类： toggle-sidebar（或更具体的类）

【讨论】：

我使用触发器类型Click - Just Links增加了一种可能性
拥有“只是链接”是我的解决方案。
如果您没有文字或网址怎么办？我有一个切换显示隐藏我正在寻找跟踪图标有一个动画所以它不能移动到样式表
@esoteric - 增加了一种可能性。
谢谢@SebastianBrosch，我将它与相同的结果绑定在一起，当您点击链接时它可以工作，但如果您点击图标，它不会在 Google Analytics 中注册。

【解决方案2】：

是的，您可以使用 jquery 添加 css 类 .addClass('捐赠')

如果您可以将 JS 添加到您的页面，这应该对您有用

【讨论】：