GTM触发器的通用CSS选择器

GTM触发器的通用CSS选择器,css,triggers,css-selectors,google-tag-manager,Css,Triggers,Css Selectors,Google Tag Manager,我正在尝试创建一个CSS选择器,以便能够匹配以下条目(页面顶部菜单): 如你所见,它们都有一个共同点: #page-top-menu > div > div.menu-wrapper > ul > li 但是,当我尝试基于以下选择器创建跳跳虎时,什么也没有发生: #page-top-menu > div > div.menu-wrapper > ul #page-top-menu > div > div.menu-wrapper >

我正在尝试创建一个CSS选择器,以便能够匹配以下条目(页面顶部菜单):

如你所见,它们都有一个共同点:

#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元素的示例(突出显示的部分是选择器引用的部分):

下面是如何设置标记和触发器的快照:


问题在于
元素有子元素。当您单击标记
a
中的元素时,它将触发单击事件,但单击元素将指向内部标记。您有两种解决方法:

1) 以多个级别的所有子元素为目标:

类型:
单击-所有元素

CSS选择器:
#页面顶部菜单>div>div.menu-wrapper>ul>li*

2) 仅目标链接:

键入:
单击-仅链接


CSS选择器:
#页面顶部菜单>div>div.menu-wrapper>ul>li>a

听起来像是一个特殊问题。请提供网站链接或发布HTML示例。此外,GTM的屏幕截图也将对您的配置有所帮助。您是如何配置此触发器和带有html图像的标记图像请在中添加触发器配置的屏幕截图GTM@Paulie_D:可能不会。如果一个非CSS实现考虑了特殊性,我会感到惊讶。这看起来更像是选择器没有针对正确的元素。
#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 > *