通用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觸發

回答

相關問題