Lorsque vous optimisez votre boutique Shopify, il est essentiel de comprendre comment les visiteurs interagissent avec vos pages.
Les outils de cartographie thermique comme Hotjar ou Microsoft Clarity vous aident à visualiser où les utilisateurs cliquent, font défiler et se déplacent, afin que vous puissiez prendre des décisions basées sur les données pour améliorer les conversions.
Avant de commencer
Avant de procéder à l'installation, assurez-vous d'avoir :
- Un compte valide sur un outil de cartographie thermique (par exemple, Hotjar, Microsoft Clarity).
- Accédez à votre Administrateur Shopify (Boutique en ligne > Thèmes > Modifier le code).
- Accédez à votre Éditeur GemPages or Page de destination instantanée (ILP) paramètres.
Remarques importantes:
- Les pages de paiement sont non suivi en raison des restrictions de sécurité intégrées à Shopify.
- Toujours se conformer à lois sur la protection de la vie privée (RGPD/CCPA) et assurez-vous que vos visiteurs y consentent avant tout suivi.
- Publiez vos modifications après avoir ajouté le script de suivi.
Confidentialité et conformité
Lors du suivi des sessions utilisateur, veillez au respect des lois sur la protection de la vie privée :
- Afficher un bannière de consentement aux cookies avant d'activer les scripts de suivi pour les utilisateurs situés dans les régions soumises au RGPD.
- Évitez d'enregistrer des données sensibles, car la plupart des outils de cartographie thermique vous permettent de champs de formulaire de masque ou exclure des champs.
- Les pages de paiement et de compte Shopify sont exclu par défaut du suivi pour la protection de la vie privée.
Comment intégrer les outils de cartographie thermique courants ?
GemPages prend en charge tous les principaux outils de cartes thermiques pouvant être ajoutés via des scripts de suivi. Voici les deux intégrations les plus courantes pour les boutiques Shopify :
Hotjar
Hotjar permet de visualiser comment les visiteurs interagissent avec vos pages Shopify et GemPages grâce à des cartes thermiques de clics, de déplacements et de défilement.
Vous pouvez l'installer en :
- Ajouter le code de suivi Hotjar à votre thème Shopify.
- Ajoutez le script à un Élément liquide (si vous utilisez la version 6) ou Code personnalisé Élément (pour les utilisateurs de la v7) sur la page que vous souhaitez suivre.
Consultez le guide complet ici : Comment intégrer Hotjar à votre boutique Shopify.
Microsoft Clarity
Microsoft Clarity est un outil gratuit de cartographie thermique et d'enregistrement de sessions qui vous aide à comprendre le comportement des utilisateurs dans votre boutique.
Vous pouvez l'intégrer en :
- Ajouter le code de suivi Microsoft Clarity à votre thème Shopify.
- Collez le script de suivi directement dans votre thème ou sur votre page GemPages.
Suivez la procédure d'installation détaillée ici : Comment intégrer Microsoft Clarity à Shopify.
Comment vérifier votre intégration ?
Après avoir ajouté votre code de suivi, suivez ces étapes pour vérifier votre intégration :
Étape 1 : Ouvrez votre boutique Shopify en ligne.
Étape 2 : Faites un clic droit et sélectionnez Afficher la source de la page pour confirmer que votre code de suivi est visible près du <head> Étiquette.
Étape 3 : Consultez le tableau de bord de votre outil de carte thermique. Veuillez noter que l'affichage des premières données peut prendre quelques minutes.
La plupart des plateformes affichent un statut tel que «Suivi actifnous »Verified. »
Dépannage de l'intégration des cartes thermiques
| Question | Cause possible | Comment réparer |
| Le script ne fonctionne pas | Code placé au mauvais endroit | Assurez-vous que ce soit avant dans le theme.liquid |
| Aucune donnée affichée | Bloqueurs de publicités ou domaines non vérifiés | Désactivez votre bloqueur de publicités et vérifiez le domaine de votre site. |
| Paiement non suivi | Restriction Shopify | Le suivi des commandes est indisponible pour des raisons de sécurité. |
| Page GemPages non enregistrée | Script ajouté à la mauvaise page | Ajoutez le script via l'élément Liquid (pour GemPages v6) ou l'élément de code personnalisé (pour GemPages v7). |
| Retard dans la vérification | L'enregistrement du script prend du temps. | Attendez jusqu'à 10 minutes ou rechargez le tableau de bord. |
Merci pour vos commentaires