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

Question

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

我正在尝试在这个标签中获得 "Value"：

<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-选择器的新手，我可以获得简单的元数据，但是这个有点棘手，因为没有 "Class" 属性，但使用 "K"，不知道这是否有什么区别吗？

谢谢！

阿西姆

Answer 1

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

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>

Answer 2

您可以在 Google 跟踪代码管理器中配置触发器以在各种条件下触发，但您的条件不是他们的标准选项之一。当变量匹配或不匹配 CSS 选择器，或者匹配或不匹配 RegEx 时，一些默认选项会让触发器触发。 Simo Ahava 在他的博客 post “Matches CSS Selector” Operator In GTM Triggers. Maybe you could use the "DOM Element“变量类型中解释了一些选项，选择方法为 CSS 选择器，值为 i[k='ProduktKategori']，属性名称为 value.

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

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

CSS selector to trigger Google Tag Manager

html

css

css-selectors

google-tag-manager