google-analytics - 谷歌标签管理器不跟踪链接点击图像和图标

Question

在 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 等上。

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

标签： google-analyticsgoogle-tag-manager

Answer 1

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

如果你想解决这个问题，有两个选项，其中任何一个都应该工作。

第一个是切换到使用“Click - Just Links”触发类型，并过滤“track_this”类。对于这个触发器，GTM 让点击事件“冒泡”，直到它们点击链接元素，然后它针对该链接而不是被点击的元素测试您的触发器。简单地使用这种触发类型应该适用于所有三个样本。

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

.track_this, .track_this *

然后它将注册对具有 track_this 类的任何元素的单击，以及对这些元素内的任何元素的单击。