Google 跟踪代码管理器 GTM - 当包含/匹配 CSS 选择器时，单击元素不会触发

Question

我读过这里的几篇文章，并且明白对于 HTML 而不是字符串，应该使用“匹配 CSS 选择器”选项，但是如果你看一下图像，你会发现我已经进入了死胡同。

我有一个下拉工具，根据您单击它的位置，会单击不同的元素。整个下拉列表的 ID 为 lamination-type-picker-0，因此无论我在下拉工具的何处单击，该 ID 始终出现在“单击元素”中。

我需要使用这个事实来触发标签，但每次我尝试它时，它都会说匹配 CSS 选择器中尚未满足匹配条件

请帮忙 - 我开始发疯了。

我几乎尝试了所有匹配类型的选项，从“包含”到正则表达式。似乎没有一个与 Click Element 匹配。

Answer 1

对我来说它看起来像是一个 div 类。所以我的选择器将是

div.lamination-type-picker-0, div.lamination-type-picker-0 *

因为你可以看到，GTM 检测到我们想要跟踪的 div.lamination-type-picker-0 中的 span 元素的点击。

所以我用

*

添加另一部分来匹配

div.lamination-type-picker-0

中的所有元素

Answer 2

也为我工作，谢谢！

为了澄清它，因为读完这篇文章后我仍然需要玩玩：

星号通配符解决了这个问题，至少对我来说是这样。特定的CSS选择器（在本例中为“div.lamination-type-picker-0”）不起作用，但是当我包含星号通配符时，它确实起作用了，因为它随后包含了所有子元素（当我认为关于它实际上是被点击的！）。