Question

我正在尝试通过我的网站上的Google跟踪代码管理器使用CSS选择器，但使用的CMS系统使用不同的代码标准（？）。

我正在尝试实现此标记中的“值”：

<ul k="redmeta">
   <i k="PageType" value="Andre produkter"></i>
   <i k="ProduktKategori" value="Tilhenger"></i>
   <i k="ProduktNavn" value="Basic 750"></i>
</ul>

我尝试的是：

ul[k="redmeta"] i    --> nothing
ul.k --> nothing
ul.redmeta --> nothing

希望有人可以帮助我获取这些标签内的值“PageType”，“ProduktKategori”和“ProduktNavn”。

我想要的是：

ul[k="redmeta] li[k="PageType" Value ] ---> "Andre Produkter"

CSS-selector的新手，我可以获得简单的元数据，但这个有点棘手，因为没有“Class”属性，但使用“K”，不知道这是否有任何区别？

谢谢！

阿西

Answer 1

您可以在Google跟踪代码管理器中配置触发器，以便在各种条件下启动，但您的条件不是其中一个标准选项。某些默认选项会在变量匹配或不与CSS选择器匹配时触发，或匹配或不匹配RegEx。 Simo Ahava在他的博客文章“Matches CSS Selector” Operator In GTM Triggers中解释了一些选项。也许你可以使用＆＃34; DOM Element＆＃34;变量类型，带有CSS选择器的选择方法，值为i[k='ProduktKategori']，属性名称为value。

https://www.simoahava.com/analytics/matches-css-selector-operator-in-gtm-triggers/

Answer 2

我，有点混淆你想要实现的目标。但是，如果适合您，请尝试以下代码：

ul[k='redmeta'] li[k='PageType'] {
  write css your code here..
}


<ul k="redmeta">
   <li k="PageType" value="Andre produkter"></li>
   <li k="ProduktKategori" value="Tilhenger"></li>
   <li k="ProduktNavn" value="Basic 750"></li>
</ul>

CSS选择器可触发Google跟踪代码管理器

2 个答案: