2017-09-05 2 views
1

Je suis en train de créer un sélecteur CSS pour être en mesure de faire correspondre les entrées suivantes (La page-top-menu):sélecteur CSS générique pour déclencher 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 

Comme vous pouvez le voir, ils ont tous ceci en commun:

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

mais lorsque je tente de créer le Tigrou sur la base des sélecteurs suivants, rien ne se passe:

#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 > * 

Si j'utilise les sélecteurs CSS complets, les déclencheurs fonctionnent.

EDIT:

ici est un exemple de l'un des éléments HTML (La partie mise en surbrillance est celui du sélecteur se réfère à):

enter image description here

Voici un aperçu de la façon dont la balise et les déclencheurs sont mis en place:

enter image description here

+0

Cela ressemble à un problème de * spécificité * –

+0

Pouvez-vous s'il vous plaît fournir un lien vers votre site Web ou publier un exemple de votre code HTML? Seront également utiles vos captures d'écran de GTM comment vous avez configuré ces déclencheurs et balises –

+0

Ajout de l'image avec l'image html – johan855

Répondre

2

Le problème est que votre a L'élément a des éléments enfants. Et lorsque vous avez cliqué sur l'élément à l'intérieur de la balise a, il déclenche l'événement click, mais l'élément click pointe vers la balise interne. Vous avez deux façons comment le résoudre:

1) cibler tous les éléments enfants en multi niveaux:

Type: Click - All Elements

sélecteur CSS: #page-top-menu > div > div.menu-wrapper > ul > li *

2) Cible seul lien:

Type: Click - Just Links

Sélecteur CSS: #page-top-menu > div > div.menu-wrapper > ul > li > a