GTM触发器的通用CSS选择器
我正在尝试创建一个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 >
#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 > *