Vous êtes face à problème assez courant, essentiellement GTM Takes exacte élément qui est cliqué - qui dans votre cas est non seulement le bouton avec des classes que vous recherchez, mais aussi vous pouvez cliquer sur la durée ou un élément d'icône (voir en surbrillance ci-dessous). Dans le cas où vous cliquez sur span, l'icône ou en dehors de la zone de bouton, vos règles de déclenchement ne passeraient pas.
Alors vous devez vous assurer que votre déclencheur prend en compte tous les éléments qui font partie de votre bouton. Il existe plusieurs façons de résoudre ce problème. Mais en regardant votre code html Je pense que vous pouvez y parvenir en utilisant simplement querySelector GTM avec cette requête: .Product-util, #add_to_cart, #add_to_cart> *
Ainsi, votre déclencheur peut ressembler à ceci:
Ce sélecteur prend en compte votre élément div wrapper, l'élément button et tous les enfants de ce bouton. Je n'ai pas testé ce code bien sûr et je ne suis pas sûr si vous utilisez cette classe & ailleurs sur votre site Web, alors testez-vous. J'espère que cela t'aides.