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 modèles disponibles.

Heatmaps vous permettent d'obtenir un aperçu général 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 défilement - avec les données représentées sur une échelle de température colorée.

Zonings (offres Growth, Pro et Enterprise) vous permettent d'effectuer 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'URL ou les 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 n'ont peut-être pas accédé aux URL depuis un appareil 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 peut exclure les URL que vous souhaitez analyser.

Créer une nouvelle Heatmap ou un Zoning

Note : En fonction de votre offre, vous verrez soit le menu Heatmaps (offre gratuite) soit le menu Zoning Analysis (offres Growth, Pro ou Enterprise). Si vous avez Zoning Analysis, sachez qu'une Heatmap est créée pour vous lorsque vous créez un Zoning.

1. Depuis le menu principal, allez à '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. Ensuite, cliquez sur 'Continuer'.

• Sélectionnez votre page ou groupe de pages pour définir quelle page vous souhaitez analyser, puis cliquez sur 'Appliquer'.
  • Zonings : Lors de la création d'un Zoning, vous aurez la possibilité 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.

• Filtrer votre analyse
  • Sélectionnez le device, la plage de dates et le segment que vous souhaitez analyser.
  • Définissez l'URL de capture d'écran à l'aide du 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
• Prenez une nouvelle capture d'écran (de votre site en direct). Dans la fenêtre qui ouvre votre site, sélectionnez 'Capturer la capture d'écran', suivie de 'Enregistrer dans Contentsquare'. Conseil : Vous pouvez également utiliser votre raccourci clavier pour capturer la capture d'écran (généralement, Mac = CMD+S, ou Windows = Ctrl+S).
• Voir plus de captures d'écran (nécessite Pro ou Enterprise) de votre bibliothèque de captures d'écran.

Prochaines étapes avec votre Heatmap ou Zoning

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

• Affinez et explorez vos données en sélectionnant un appareil, une période ou un segment différent.
• Visualisez les replays de session de l'URL Heatmap/Zoning avec vos filtres appliqués en cliquant sur ‘Voir les replays’.
• Changez le type de Heatmap pour vous concentrer sur les Clics, Mouvements, Scroll ou Attention.

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

Une fois votre Zoning créé, vous aurez la possibilité de passer entre le Zoning et la Heatmap, vous permettant d'effectuer une analyse plus approfondie.

Comment créer des zones spécifiques

Les zones sont des superpositions de données coloré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 Édition', qui est activé par défaut sur votre analyse.
   1. Si vous devez activer le mode édition pendant votre analyse, vous pouvez le faire en cliquant sur le 'Modifier les zones' bouton.
2. Sélectionnez votre mode de création de zoning dans le menu déroulant. Vous pouvez créer soit une zone, soit plusieurs zones à la fois.

• Mode zone unique : Cliquez sur le 'Unique' bouton, 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 'Multi' bouton et survolez votre contenu. Cliquez à l'intérieur du cadre coloré qui apparaît, et vos zones seront créées.
  • Notez que le mode zone 'Multi' n'identifie que 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 page vue)', 'Récurrence de clics' et 'Revenu'.

Créer une Heatmap ou un Zoning à partir d'un modèle

Note : Les modèles disponibles dépendent de votre offre.

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

Créer un test A/B à partir du modèle

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 commencer.
2. Sélectionnez la ou les pages ou groupes de pages que vous souhaitez tester, suivis de l'une des expérimentations de la liste que vous souhaitez 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 côte à côte de chacune. Notez que si vous avez plus de deux variantes, vous pouvez facilement changer de Heatmaps/Zonings tout en étant 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 l'appareil 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 de la zone
• Analyser les taux de clics, les taux d'exposition et les métriques d'engagement
• Identifier quels éléments entraînent des différences de conversion
• Surveiller les modèles de comportement des utilisateurs à travers 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 un contenu différent pour les segments de clients.
• Obtenir des variations de source 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 modèle 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 à travers ce template.

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

1. Sélectionnez le bouton “Personnalisation” pour commencer.
2. Sélectionnez la ou les page(s) ou groupe(s) 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. Note : 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 capturera automatiquement des captures d'écran de la Session Replay pour chaque segment et ouvrira un zoning pour chacun, avec une comparaison en parallèle. Note : 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 de test A/B & Personnalisation existantes disponibles dans votre catalogue. Veuillez 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 de la zone.
• 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.
• Surveiller les comportements des utilisateurs à travers les segments.

Articles connexes

• Zonings : Comment gérer les permissions et la suppression des Zonings
• Zonings : Comment utiliser des raccourcis dans l'analyse de zoning
• Heatmaps : Types de Heatmaps