Google 跟踪代码管理器不跟踪图像和图标上的链接点击

在 Google 跟踪代码管理器中，我将其设置为跟踪包含特定类的元素的点击数据，并在 Google Analytics 中记录事件。它似乎适用于文本链接，但如果链接内有另一个用于图像、图标等的标签，我就会遇到问题。例如，以下内容可以正常工作：

<a href="link.html" class="track_this" data-tracking-info="my info">Click here</a>

但这行不通：

<a href="link.html" class="track_this"  data-tracking-info="my info">
  <span class="icon click-here"></span>
</a>

如果您单击文本，类似的操作会起作用，但如果单击图标则不会：

<a href="link.html" class="track_this"  data-tracking-info="my info">
  <span class="icon click-here"></span> Click Here
</a>

我知道我可以将“track_this”类添加到图标的范围中，但在更复杂的情况下它会变得非常混乱。就像想象一下，有一张带有图标的缩略图，其下方的一些文本全部包装在一个标签中。我必须将该类和跟踪信息放在图像标签、图标的跨度、文本的 div 等上。

有一个更好的方法吗？谢谢！

如果我能看到您的 GTM 是如何设置的，我可以更明确地谈论这一点，但我的猜测是您正在使用“所有元素”触发器来捕获这些链接点击，并过滤“点击类”或“点击元素”。问题在于，当链接标记 (<a></a>) 包含另一个元素，例如<span>，即使这会触发您的链接打开，GTM 记录为接收点击的元素是跨度，而不是链接。

如果您想解决此问题，有两种选择，其中任何一种都可以。

第一个是切换到使用“Click - Just Links”触发器类型，并在“track_this”类上进行过滤。对于此触发器，GTM 让点击事件“冒泡”，直到点击链接元素，然后针对该链接（而不是被点击的元素）测试您的触发器。只需使用此触发类型就应该适用于所有三个示例。

另一个选项是使用更高级的过滤器和“单击 - 所有元素”触发器。如果您修改触发器，使其在“某些点击”时触发，然后设置“点击元素与 CSS 选择器匹配：”的条件

.track_this, .track_this *

然后它将注册对任何具有 track_this 类的元素的点击，也单击任何元素inside那些元素。