Comment créer des Heatmaps et des Zonings

Cet article vous expliquera comment créer de nouvelles Heatmaps et Zonings à partir de zéro ou en utilisant les templates disponibles.

Heatmaps vous permettent d'obtenir une vue d'ensemble de l'engagement des utilisateurs sur les pages de votre site. Elles affichent une visualisation des interactions des utilisateurs - telles que les clics, les mouvements et les actions de scroll - avec les données représentées sur une échelle de température colorée.

Zonings (offres Growth, Pro et Enterprise) vous permettent de réaliser une analyse similaire de l'engagement des utilisateurs sur les pages de votre site, mais avec des métriques plus détaillées et vos pages organisées en zones définies. Chacune des zones de votre page est représentée par une couleur, avec des superpositions de données facilement visualisables.

Avant de commencer

• Avant de pouvoir créer une Heatmap ou un Zoning, il est important d'avoir capturé au moins une session sur l(es) URL que vous souhaitez analyser.
• Heatmaps : Si vous ne voyez aucune donnée dans la vue desktop d'une Heatmap, il peut être utile de vérifier les vues tablette et mobile. Les utilisateurs peuvent ne pas avoir accédé à l(es) URL depuis un device desktop.
• Heatmaps : Si une heatmap n'est pas disponible, assurez-vous que vos paramètres de capture de session ne sont pas limités à une page spécifique ou dépendants d'un événement, car cela pourrait exclure l(es) URL que vous souhaitez analyser.

Créer une nouvelle Heatmap ou un nouveau Zoning

Remarque : Selon votre offre, vous verrez soit le menu Heatmaps (offre Free) soit le menu Zoning Analysis (offres Growth, Pro ou Enterprise). Si vous avez Zoning Analysis, notez qu'une Heatmap est créée pour vous lorsque vous créez un Zoning.

1. Depuis le menu principal, allez dans 'Heatmaps' / 'Zoning Analysis'.
2. Sélectionnez 'Commencer de zéro' ou cliquez sur '+ Nouvelle heatmap' / '+ Nouveau Zoning'.
3. Définissez votre analyse comme ci-dessous. Puis, cliquez sur 'Continuer'.

• Sélectionnez votre page ou groupe de pages pour définir la page que vous souhaitez analyser, puis cliquez sur 'Appliquer'.
  • Zonings : Lors de la création d'un Zoning, vous aurez l'option de choisir entre :
    • 'Groupe de pages à la volée' : analyser les données d'une URL spécifique ou de plusieurs URL avec des conditions spécifiques
    • 'Tous les groupes de pages' : analyser un groupe de pages à partir d'un mapping existant.

• Filtrez votre analyse
  • Sélectionnez le device, la plage de dates et le segment que vous souhaitez analyser.
  • Définissez l’URL de la capture d’écran en utilisant le menu déroulant.

4. Sélectionnez une capture d’écran en utilisant l’une des options suivantes :

• Sélectionnez l’une des captures d’écran suggérées

• Cliquez sur 'Prendre nouvelle capture d’écran (depuis votre site en direct). 

  

  • Dans la fenêtre qui ouvre votre site, sélectionnez 'Capturer la capture d’écran', puis 'Enregistrer dans Contentsquare'. Conseil : Vous pouvez aussi utiliser votre raccourci clavier pour capturer la capture d’écran (généralement, Mac = CMD+S, ou Windows = Ctrl+S).

    

• Afficher plus de captures d’écran (nécessite Pro ou Enterprise) depuis votre bibliothèque de captures d’écran.

Si vous ne pouvez pas prendre de capture d’écran, votre bloqueur de publicité peut bloquer Contentsquare. Cliquez sur l’icône de votre bloqueur de publicité (dans la barre d’outils de votre navigateur) et sélectionnez "Désactiver sur ce site", puis actualisez la page et réessayez.

5. Une fois que vous êtes satisfait de votre nouvelle Analyse créée, n’oubliez pas de l’enregistrer en cliquant sur le bouton 'Enregistrer l’analyse' en haut à droite. Les Heatmaps et Zonings qui ne sont pas enregistrés manuellement n’apparaîtront pas dans votre liste. Vous pouvez les retrouver dans l’onglet Zonings non enregistrés pendant 30 jours, après quoi ils sont supprimés définitivement.

Étapes suivantes avec votre Heatmap ou Zoning

Après avoir créé un Heatmap ou un Zoning, vous pouvez :

• Affiner et explorer vos données en sélectionnant un device, une période ou un segment différent.
• Voir les replays de sessions de l’URL du Heatmap/Zoning avec vos filtres appliqués en cliquant sur « Voir les replays ».
• Changer le type de Heatmap pour se concentrer sur les Clics, Mouvements, Scroll ou Attention.

Zonings et création de zones (offres Growth, Pro et Enterprise)

Une fois votre Zoning créé, vous aurez la possibilité de basculer entre le Zoning et le Heatmap, ce qui vous permet de réaliser une analyse plus approfondie.

Comment créer des zones spécifiques

Les zones sont des superpositions colorées de données qui utilisent la structure HTML de votre site pour identifier où se trouvent les éléments sur la page. Elles sont utilisées à l’intérieur d’un Zoning pour analyser une capture d’écran de la page de votre site. Vous pouvez soit créer de nouvelles zones, soit les effacer.

1. Pour créer des zones, assurez-vous d’être en mode Modifier, qui est activé par défaut sur votre analyse.
   1. Si vous devez activer le mode Modifier pendant votre analyse, vous pouvez le faire en cliquant sur le bouton Modifier les zones.
2. Sélectionnez votre mode de création de zoning dans le menu déroulant. Vous pouvez créer une ou plusieurs zones à la fois.

• Mode zone unique : Cliquez sur le bouton 'Unique', puis survolez le contenu où vous souhaitez créer une zone. Cliquez à l'intérieur du cadre coloré qui apparaît. Votre zone sera créée.
• Mode multi-zones : Cliquez sur le bouton 'Multi' et survolez votre contenu. Cliquez à l'intérieur du cadre coloré qui apparaît, et vos zones seront créées.
  • Note, le mode zone 'Multi' identifie uniquement les zones au même niveau hiérarchique dans votre structure HTML.
• Zones principales (anciennement Smart Zone) : Cliquez sur le bouton 'Zones principales' dans le panneau latéral droit pour découvrir quelles zones sont les plus cliquées sur votre page. Notez que les Zones principales ne sont affichées que pour les métriques 'Taux de clic (niveau pages vues)', 'Récurrence de clics' et 'Revenu'.

Zoning pré-créé avec IA

Les zonings pré-créés sont générés sur les nouveaux projets ayant accepté le calendrier de service IA.

Pour vous aider à démarrer avec l’analyse de page, ces Zonings sont automatiquement générés pour vous à l’aide de l’IA. Pour les générer, l’IA va :

• Identifier les types de pages clés à partir de votre mapping High-level
• Capturer des captures d’écran de pages représentatives
• Définir des zones basées sur les mises en page communes
• Attribuer des noms de zone pour chaque zone d’intérêt

Une fois générés, les Zonings seront disponibles dans votre liste Zoning Analysis, marqués avec l’icône Sense, pour que vous puissiez les Modifier et Affiner, ou commencer à les utiliser immédiatement dans vos analyses.

Ces Zonings vous aident à :

• Analyser l’Engagement sur la page immédiatement sans configuration manuelle
• Comprendre quelles zones de vos pages attirent le plus d’attention
• Comparer le comportement des utilisateurs entre différents types de pages
• Identifier des opportunités d’optimisation

Note : Si vous supprimez un Zoning pré-créé avec IA, il ne peut pas être régénéré. Vous devrez créer un nouveau Zoning manuellement. ff
 

Créer une Heatmap ou un Zoning à partir d’un template

Note : Les templates disponibles dépendent de votre plan.

Au lieu de créer une Heatmap ou un Zoning à partir de zéro, sélectionnez l’un des templates disponibles et suivez simplement les étapes à l’écran.

Créer un test A/B à partir du template

Créez et analysez des tests A/B via vos plateformes de test intégrées avec un flux de travail simplifié, inclus dans votre interface Contentsquare. 

Suivez les étapes ci-dessous pour créer et analyser un test A/B : 

1. Sélectionnez le bouton « test A/B » pour démarrer.
2. Sélectionnez la ou les pages ou groupes de pages que vous souhaitez tester, puis choisissez l’une des expérimentations dans la liste que vous voulez tester, puis cliquez sur « Analyser ».
3. Contentsquare déterminera automatiquement la capture d’écran la plus précise pour chaque variante et ouvrira une Heatmap ou un Zoning pour chacune, avec une comparaison en parallèle de chacune. Notez que si vous avez plus de deux variantes, vous pouvez facilement changer de Heatmaps/Zonings en mode comparaison.

Conseil : Une fois votre Heatmap/Zoning ouvert en mode comparaison, vous pouvez toujours changer les captures d’écran, la plage de dates, les segments et le device comme décrit ci-dessus. Même après cette étape, vous aurez toujours la possibilité de capturer manuellement de nouvelles captures d’écran si nécessaire.

Analyser votre test A/B

Une fois votre test A/B créé, vous pouvez :

• Comparer la performance des variantes au niveau des zones
• Analyser les taux de clic, les taux d’exposition et les métriques d’engagement
• Identifier quels éléments génèrent des différences de conversion
• Monitorer les modèles de comportement des utilisateurs entre les variantes

Créer un Zoning basé sur des segments personnalisés

Pourquoi créer un Zoning basé sur des segments personnalisés ?

• Créer des campagnes personnalisées avec différents contenus pour des segments de clients.
• Obtenir des variations de sources de trafic avec différentes structures de page.
• Voir les changements quotidiens de contenu impactant différents segments
• Obtenir des expériences hyper-personnalisées avec plusieurs variantes.

Prérequis

Ce template est disponible uniquement pour les offres Pro et Enterprise. Vous devez avoir une intégration de personnalisation installée ou des segments déjà créés dans Contentsquare pour les audiences que vous souhaitez comparer. En savoir plus sur les segments dans cet article.

Veuillez noter que seuls les utilisateurs Admin peuvent ajouter des intégrations à un projet. En savoir plus sur les intégrations dans notre section intégrations.

Analysez les expériences personnalisées et comparez comment différents segments d’audience interagissent avec votre contenu grâce à ce template.

Suivez les étapes ci-dessous pour créer et analyser votre Zoning personnalisé :

1. Sélectionnez le bouton « Personnalisation » pour démarrer.
2. Sélectionnez la ou les pages ou groupes de pages que vous souhaitez analyser, puis cliquez sur « Continuer ».
3. Choisissez vos segments parmi les différents onglets :
   1. Si vous avez une intégration de personnalisation, sélectionnez une expérimentation dans la liste disponible. Remarque : Seules les expérimentations avec au moins une page vue au cours des deux dernières semaines sont affichées dans la liste.
   2. Si vous n’avez pas d’intégration installée, sélectionnez les segments Contentsquare que vous souhaitez comparer.
4. Cliquez sur « Analyser ».

Contentsquare capture automatiquement des captures d’écran de Session Replay pour chaque segment et ouvre un Zoning pour chacun, avec une comparaison en parallèle. Remarque : Si vous avez plus de deux segments, vous pouvez facilement basculer entre les Zonings en mode Comparer.

Liste des intégrations tierces

Les intégrations tierces sont les mêmes que vos intégrations existantes de test A/B et de personnalisation disponibles dans votre catalogue. Veuillez lire en savoir plus sur les intégrations dans cette section du Centre d’aide.

Analyser votre campagne de personnalisation

Une fois votre analyse de personnalisation créée, vous pouvez :

• Comparer la performance des segments au niveau des zones.
• Analyser les taux de clic, les taux d’exposition et les métriques d’engagement.
• Identifier quels éléments personnalisés résonnent avec chaque audience.
• Monitorer les modèles de comportement de l’utilisateur à travers les segments.

Articles liés

• Zonings : Comment gérer les permissions et la suppression des Zonings
• Zonings : Comment utiliser les raccourcis dans Zoning Analysis
• Heatmaps : Types de Heatmaps