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

Points clés

• Le déclencheur de clic de Google Tag Manager est le moyen le plus simple de suivre les clics sur des boutons spécifiques sans modifier le code.
• La mesure améliorée de GA4 suit automatiquement les clics sur les liens sortants sans aucune configuration.
• Pour le suivi de boutons personnalisés, ajoutez des attributs de données à vos boutons et écoutez-les en JavaScript.
• Le suivi des clics vous indique quels CTA, liens et boutons sont réellement utilisés - essentiel pour l’optimisation des conversions.

Pour suivre les événements de clic dans Shopify, utilisez la mesure améliorée de GA4 pour les liens sortants, un déclencheur de clic Google Tag Manager pour des boutons spécifiques, ou un petit écouteur JavaScript sur les attributs data-track. Les données de clics montrent si 900 ou 90 des 1 000 visiteurs d’une page produit ont cliqué sur Ajouter au panier.

Comment suivre les clics sur les boutons dans Shopify

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

1. Mesure améliorée de GA4 — suivi automatique des liens sortants, aucune configuration requise
2. Déclencheurs de clic Google Tag Manager — pour suivre n’importe quel élément spécifique sans modifier le code
3. JavaScript personnalisé avec attributs de données — le plus flexible, fonctionne sans GTM

Si GTM n’est pas encore installé, consultez Comment ajouter Google Tag Manager à Shopify.

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

GA4 suit automatiquement les clics sur les liens sortants (liens qui dirigent les visiteurs vers un domaine différent) lorsque la mesure améliorée 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 Mesure améliorée, vérifiez que “Clics sortants” est activé

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

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”), vous avez besoin de GTM ou d’un JavaScript personnalisé.

Pour d’autres événements que les clics, voir Comment ajouter des événements personnalisés dans Shopify.

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 que le suivi soit intégré directement dans une section, les attributs de données offrent un suivi des clics propre et maintenable.

É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 }}">
    Ajouter au panier
</button>

Étape 2 — Ajouter un écouteur de clic. 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 || ''

    // Envoyer à 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, de sorte que cela fonctionne même pour les éléments ajoutés dynamiquement (comme les boutons d’ajout rapide sur les pages de collection).

Cela ne fonctionne que si gtag.js est chargé dans votre thème. Si GA4 est exécuté via l’application Google & YouTube de Shopify, il tourne dans un web pixel isolé (sandboxed), donc gtag n’est pas défini sur la page et ce code n’enverra rien. Dans ce cas, publiez plutôt un événement personnalisé avec Shopify.analytics.publish() et transférez-le à GA4 à partir d’un pixel personnalisé.

Pour les boutons et les éléments qu’il est pertinent de suivre, consultez Comment ajouter un bouton dans Shopify et 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