通用CSS选择GTM触发

我试图创建一个CSS选择器能够匹配以下条目（该页面顶部菜单）：通用CSS选择GTM触发

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元素中的一个的一个例子（该高亮显示的部分是一个选择器是指）：

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

来源

2017-09-05 johan855

听起来像*特异性*问题 –

您可以提供一个链接到您的网站或张贴您的HTML的例子。也可以帮助你从GTM截图如何配置这个触发器和标签 –

用html图像添加图像 – johan855

的问题是，你的a元素具有子元素。当你点击标签a中的元素时，它会触发点击事件，但点击元素将指向内部标签。有两种方法如何解决这个问题：

1）指定所有的子元素在多层次上：

类型：Click - All Elements

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

2）目标只有链接：

类型：Click - Just Links

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

来源

2017-09-05 16:38:39

通用CSS选择GTM触发

回答

相关问题