Comment tracker des événements de clics sur Shopify (2026)

Ce qu’il faut retenir

• Le déclencheur au clic de Google Tag Manager est le moyen le plus simple de tracker des clics spécifiques sur des boutons sans toucher au code.
• La fonctionnalité Enhanced Measurement de GA4 tracke automatiquement les clics sur les liens sortants, sans aucune configuration.
• Pour tracker des boutons personnalisés, ajoutez-leur des attributs de données (data attributes) et écoutez-les en JavaScript.
• Le tracking des clics indique quels CTAs, liens et boutons sont réellement utilisés - une donnée essentielle pour l’optimisation des conversions.

Le tracking des clics fait le pont entre les pages vues et les achats. Vous pouvez voir que 1 000 personnes ont visité votre page produit — mais sans le tracking des clics, vous ne savez pas si 900 d’entre elles ont cliqué sur “Ajouter au panier” ou si c’est seulement 90. Cette différence change complètement votre stratégie d’optimisation.

Comment tracker les clics sur les boutons d’un site web

Trois approches, de la plus simple à la plus flexible :

1. GA4 Enhanced Measurement — tracking automatique des liens sortants, aucune configuration requise
2. Click triggers Google Tag Manager — pour tracker n’importe quel élément spécifique sans changer le code
3. JavaScript sur mesure avec data attributes — l’approche la plus flexible, fonctionne sans GTM

À lire : Ajouter Google Tag Manager à Shopify.

Méthode 1 — GA4 Enhanced Measurement (liens sortants uniquement)

GA4 suit automatiquement les clics sur les liens sortants (les liens qui dirigent les visiteurs vers un domaine différent) lorsque la fonction Mesures améliorées (Enhanced Measurement) est activée.

Pour vérifier qu’elle est activée :

1. Ouvrez GA4 → Administration → Flux de données → sélectionnez votre flux
2. Sous Mesures améliorées, vérifiez que l’option « Clics sortants » est activée

Cela déclenche un événement click avec le paramètre link_url pour chaque clic sortant. Pratique pour suivre les clics vers des sites partenaires, des marketplaces ou des liens d’affiliation.

Sur le même sujet : Ajouter des événements personnalisés dans Shopify.

Limite : cela ne suit que les clics sortants. Pour les clics au sein de votre propre boutique (comme « Ajouter au panier » ou « Voir les détails »), il vous faut GTM ou du JavaScript personnalisé.

Méthode 2 — Click trigger (déclencheur de clics) Google Tag Manager

GTM peut déclencher des événements pour n’importe quel élément sur lequel un visiteur clique : boutons, liens, images ou tout autre élément cliquable.

Étape 1 — Activer les variables de clic de GTM. Dans GTM, allez dans Variables → Configurer. Sous Clics, activez : Click Element, Click Classes, Click ID, Click Target, Click Text, Click URL.

Étape 2 — Identifier votre bouton. Sur votre boutique en ligne, faites un clic droit sur le bouton que vous souhaitez suivre → Inspecter. Notez ce qui suit pour l’élément :

• ID (par ex., id="main-add-to-cart") — le plus précis, à privilégier
• Classe (par ex., class="product-form__submit") — moins précis mais fonctionne généralement
• Texte (par ex., “Ajouter au panier”)

Étape 3 — Créer un déclencheur de clic dans GTM.

• Déclencheurs → Nouveau → Tous les éléments ou Uniquement des liens
• Configurer :
  • Ce déclencheur se déclenche sur : Certains clics
  • Click Classes contient product-form__submit (ou l’identifiant de votre choix)
• Enregistrer

Étape 4 — Créer une balise d’événement GA4.

• Balises → Nouvelle → Google Analytics : Événement GA4
• Nom de l’événement : add_to_cart_click (ou le nom que vous voulez)
• Ajoutez le déclencheur que vous avez créé à l’étape 3
• Enregistrer

Étape 5 — Tester avec le mode Prévisualisation de GTM. Cliquez sur Prévisualiser → ouvrez votre boutique dans la nouvelle fenêtre → cliquez sur le bouton. Confirmez que votre balise se déclenche dans le débogueur GTM.

Étape 6 — Soumettre et publier.

Méthode 3 — JavaScript sur mesure avec data attributes

Pour les boutiques sans GTM ou lorsque vous souhaitez un suivi intégré directement dans une section, les attributs de données (data attributes) offrent un suivi des clics propre et facile à maintenir.

Étape 1 — Ajouter des attributs de données aux boutons. Dans le code Liquid de votre thème, ajoutez un attribut data-track au bouton :

<button type="submit" class="product-form__submit" data-track="add-to-cart" data-product="{{ product.title | escape }}">
    Add to cart
</button>

Étape 2 — Ajouter un écouteur de clics. Dans theme.liquid ou dans un bloc {% javascript %} d’une section :

document.addEventListener('click', function (event) {
    var tracked = event.target.closest('[data-track]')
    if (!tracked) return

    var action = tracked.dataset.track
    var product = tracked.dataset.product || ''

    // Send to GA4
    if (typeof gtag !== 'undefined') {
        gtag('event', action, {
            product_name: product,
        })
    }
})

Cela utilise la délégation d’événements — un seul écouteur sur le document intercepte tous les clics suivis, cela fonctionne donc même pour les éléments ajoutés dynamiquement (comme les boutons d’ajout rapide sur les pages de collection).

Pour mesurer les résultats, consultez comment créer une landing page dans Shopify.

Pour mesurer les résultats, consultez comment ajouter un bouton dans Shopify.

Pour mesurer les résultats, consultez comment ajouter un élément de conversion personnalisé dans Shopify.

Ce qu’il faut tracker dans une boutique Shopify

Tous les clics n’ont pas besoin d’être suivis. Concentrez-vous sur ceux qui vous apprennent quelque chose d’utile :

Clics à forte valeur ajoutée à suivre :

• Bouton « Ajouter au panier »
• « Acheter maintenant » / paiement express
• Les CTA d’upsell ou de cross-sell
• « Voir les détails » sur les cartes de collection
• Estimation des frais de port, retours ou éléments déroulants de FAQ sur les pages produits
• Boutons d’inscription par e-mail ou de liste d’attente

Clics moins utiles à suivre :

• Liens du menu de navigation (le suivi des pages vues s’en charge)
• Clics sur le logo pour retourner à l’accueil
• Boutons de partage sur les réseaux sociaux

Demandez-vous : « Si je connaissais le taux de clic de cet élément, est-ce que je changerais quelque chose ? » Si la réponse est oui, suivez-le.

Voir vos données de clic dans GA4

Une fois que les événements de clic remontent :

• Rapports → Engagement → Événements — voir tous les événements et leur nombre
• Cliquez sur le nom d’un événement — voir la répartition des paramètres (quel produit, quelle variante de bouton)
• Explorer → Exploration de l’entonnoir — créez des entonnoirs comme « Produit vu → Clic sur Ajouter au panier → Paiement commencé » pour voir les abandons

Ces données montrent quels CTA performent et lesquels ne le font pas — essentiel pour une optimisation du taux de conversion (CRO) éclairée.

FAQ