GTM 触发器的通用 CSS 选择器

Question

我正在尝试创建一个 CSS 选择器以匹配以下条目（页面顶部菜单）：

Header menu - Menu 1
DE
#page-top-menu > div > div.menu-wrapper > ul > li.i39.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a
EN
#page-top-menu > div > div.menu-wrapper > ul > li.i40.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a
FR
#page-top-menu > div > div.menu-wrapper > ul > li.i28.dropdown.layer.item-type-1.catid-0eca5a6c6e53f281b9e0469ca3d744fd > a


Header menu - Menu 2

DE 
#page-top-menu > div > div.menu-wrapper > ul > li.i43.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a
EN
#page-top-menu > div > div.menu-wrapper > ul > li.i43.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a
FR
#page-top-menu > div > div.menu-wrapper > ul > li.i40.dropdown.layer.item-type-2.catid-9268a9eaa067019916390b7d08113781 > a

如您所见，它们都有一个共同点：

#page-top-menu > div > div.menu-wrapper > ul > li

然而，当我尝试基于以下选择器创建跳跳虎时，没有任何反应：

#page-top-menu > div > div.menu-wrapper > ul
#page-top-menu > div > div.menu-wrapper > ul > li
#page-top-menu > div > div.menu-wrapper > ul > li > *

如果我使用完整的 CSS 选择器，触发器会起作用。

编辑：

这里是 html 元素之一的示例（突出显示的部分是选择器所指的部分）：

下面是如何设置标签和触发器的快照：

Answer 1

问题是您的 a 元素有子元素。当您单击标签内的元素 a 时，它将触发点击事件，但点击元素将指向内部标签。您有两种解决方法：

1) 定位多层次的所有子元素：

类型：Click - All Elements

CSS 选择器：#page-top-menu > div > div.menu-wrapper > ul > li *

2) 仅目标 link:

类型：Click - Just Links

CSS 选择器：#page-top-menu > div > div.menu-wrapper > ul > li > a

GTM 触发器的通用 CSS 选择器

Generic CSS selector for GTM trigger

css

triggers

css-selectors

google-tag-manager