Cet article explique comment installer votre code de suivi Hotjar sur votre site Shopify.
La caisse intégrée de Shopify ne permet pas l'installation de scripts tiers comme Hotjar. Cependant, nous avons fourni une solution de contournement pour suivre le flux de votre caisse Shopify dans une section séparée ci-dessous.
- Comment installer Hotjar sur votre site Shopify
- Une solution de contournement pour suivre le flux de caisse Shopify
Pour les clients non-Shopify Plus, la caisse Shopify bloque les scripts tiers comme Hotjar
Si vous avez Shopify Plus, vous pouvez peut-être ajouter des scripts tiers à votre page de caisse et devriez contacter votre gestionnaire de succès marchand chez Shopify pour ajouter Hotjar à votre caisse.
Pour les clients non-Shopify Plus, vous pouvez installer Hotjar sur votre boutique Shopify, cependant la caisse intégrée de Shopify bloquera les scripts tiers, y compris Hotjar. Il s'agit d'une limitation de Shopify, cependant, nous pouvons suggérer une solution de contournement pour suivre le flux de votre caisse Shopify.
Comment installer Hotjar sur votre site Shopify
Hotjar ne fonctionnera pas dans les environnements de test Shopify
Si le code de suivi Hotjar est installé dans un environnement de test Shopify, aucune donnée ne sera collectée et les outils Ask ne s'afficheront pas. Cela est dû aux mesures de sécurité de Shopify concernant les données disponibles dans l'environnement de test.
Pour en savoir plus, consultez l'article du Centre d'aide de Shopify : Limitations des pixels de l'environnement de test
Allez sur votre page Sites Hotjar et cliquez sur Installer le code de suivi pour votre site.
Cliquez sur Ajouter le code manuellement.
Cliquez sur Copier pour copier le code de suivi dans votre presse-papiers.
Rendez-vous sur votre tableau de bord administratif Shopify.
Cliquez sur Boutique en ligne, puis sur Thèmes.
Sur votre thème actuel, cliquez sur Actions puis sélectionnez Modifier le code.
Dans le dossier Mise en page, cliquez sur theme.liquid.
Faites défiler la page theme.liquid jusqu'à trouver la balise de fermeture </head>.
Certains thèmes utiliseront une variation des balises <head> </head> telles que {/head}, [/header], ou d'autres variations de [/head]. Elles fonctionnent toutes de la même manière.
Collez votre code de suivi Hotjar juste avant la balise de fermeture </head>.
Cliquez sur Enregistrer pour appliquer les modifications.
Suivez la série d'étapes suivante pour également installer Hotjar sur votre page d'état de commande
En suivant les étapes ci-dessus, le code de suivi Hotjar devrait maintenant être installé sur votre vitrine Shopify. Pour suivre également la page d'état de commande, vous devrez installer le code de suivi dans une autre section de Shopify. Suivez les étapes ci-dessous pour obtenir de l'aide à ce sujet.
Pour installer le code de suivi sur votre page d'état de commande, dans la barre latérale d'administration Shopify, cliquez sur Paramètres.
Cliquez sur Commande.
Faites défiler jusqu'à atteindre la section Scripts de la page d'état de commande. Collez le code de suivi Hotjar dans le champ de texte.
Cliquez sur Enregistrer.
Le code de suivi Hotjar devrait maintenant être installé sur votre page d'état de commande. Cela n'installe pas le code de suivi sur votre paiement Shopify, car le paiement intégré de Shopify ne permet pas l'exécution de scripts tiers, tels que Hotjar.
Une solution de contournement pour suivre le flux de paiement Shopify
Malheureusement, le paiement intégré de Shopify ne permet pas l'exécution de scripts tiers, comme Hotjar, sur les pages de paiement. Cependant, voici une solution de contournement possible pour suivre le flux de paiement Shopify avec Hotjar :
Suivre la page d'état de commande
Shopify permet à Hotjar de fonctionner sur votre page d'état de commande. Cela signifie que vous pouvez filtrer les utilisateurs ayant effectué un achat en utilisant le filtre URL contient pour les Enregistrements et les Cartes thermiques, basé sur l'URL de la page de confirmation de commande de votre site. Par exemple, après un achat, les utilisateurs peuvent voir une page avec une URL contenant /merci et vous pouvez filtrer les Enregistrements et les Cartes thermiques en fonction de cette URL. Vous devrez vérifier l'URL spécifique utilisée pour votre site Web, qui peut être différente de /merci, et l'utiliser pour le filtrage.
Ajouter des déclencheurs d'événements pour comparer ceux qui ont acheté avec les utilisateurs qui n'ont pas finalisé le processus de paiement
Si vous souhaitez comparer les utilisateurs ayant effectué un achat par rapport à ceux ayant commencé le processus de paiement mais ne l'ont pas terminé, vous pouvez explorer l'ajout de déclencheurs d'événements aux boutons de votre site qui dirigeraient les utilisateurs vers la page de paiement. Les enregistrements peuvent ensuite être filtrés en fonction de ces événements, pour comparer les segments d'utilisateurs suivants :
- Utilisateurs ayant cliqué sur les boutons et atteint la page de confirmation de commande.
- Utilisateurs ayant cliqué sur les boutons et n'ont pas atteint la page de confirmation de commande.
Vous rencontrez des problèmes pour installer le code de suivi Hotjar ?
Consultez nos articles sur Comment vérifier que Hotjar fonctionne et FAQ de dépannage pour l'installation du code de suivi pour obtenir de l'aide.