Notes CRO, benchmarks et études de cas par HeatMapX.
De la définition de l'engagement web aux premiers pas pour se lancer, expliqué pour que tout le monde puisse suivre sans connaissances préalables. Nous couvrons les cas d'usage des popups et des barres fixes, les conseils de design, et comment les combiner avec les heatmaps et l'A/B testing.
Comment fonctionne la campagne de parrainage HeatMapX, des deux côtés : comment distribuer des codes, où les saisir (le tableau de bord, pas l'écran de paiement), quand le premier mois gratuit s'applique, comment le crédit est versé, et les réponses aux questions fréquentes — tout dans un seul article.
Une revue transversale des API publiques et de la portée des exports de données pour 10 produits de heatmap/enregistrement de session et 9 produits d'A/B testing — en couvrant les barrières payantes et la granularité des données. Ce rapport de recherche classe chaque entreprise en trois niveaux selon la question : « Peut-on toujours récupérer ses propres données ? »
Guide pas à pas pour connecter Claude Code au serveur MCP de HeatMapX : générez une clé API, exécutez une commande, puis posez des questions comme « quelle page a le pire taux de défilement ? » ou « qui est en tête dans mon test A/B ? ». Dépannage inclus.
Trois façons d'ajouter le suivi par carte thermique à WordPress — les paramètres d'en-tête du thème, une extension d'insertion de code, ou la modification directe de header.php — en commençant par l'option la plus simple, sans extension, en une seule ligne. Inclut ce qu'il faut vérifier pour confirmer que ça fonctionne réellement.
Comment ajouter le suivi par heatmap à une boutique Shopify — aucune application à installer, juste une ligne de code dans theme.liquid. Sauvegarder votre thème avant modification, pourquoi les pages de paiement ne sont pas suivies, et comment vérifier que ça fonctionne réellement.
Guide pas à pas pour installer le suivi heatmap de HeatMapX via Google Tag Manager (GTM) : une balise Custom HTML avec un déclencheur All Pages en 5 étapes, une checklist si la balise ne se déclenche pas, et comment vous faire guider par Claude Code.
De la définition de l'A/B testing jusqu'à sa mise en place, sans aucune connaissance technique préalable. Les éléments couramment testés, la méthode en 5 étapes, les pièges pour les débutants et l'association avec les heatmaps.
En enquêtant sur un affichage du tableau de bord qui prenait plusieurs secondes, nous avons découvert que la cause était un aller-retour entre les fonctions Vercel (États-Unis) et Supabase (Tokyo). En fixant la région et en parallélisant les requêtes, nous avons considérablement amélioré la vitesse ressentie. Voici le récit de cette investigation.
On confond souvent le « taux de diffusion » (la part des visiteurs inclus dans l'expérience) et la « répartition A/B » lors de la configuration d'un test A/B. En distinguant clairement ces deux notions, vous pouvez limiter les risques tout en testant correctement.
Comment afficher en toute sécurité, sur notre propre origine, le site externe d'un utilisateur dans l'« aperçu après modification » d'un test A/B. Nous partageons la combinaison protection SSRF, suppression du JS externe, CSP et sandbox iframe, ainsi qu'un piège bien réel rencontré avec le sandbox.
Quelle est la différence entre une heatmap et un A/B test, et comment les articuler ? Cet article explique clairement le rôle de la heatmap, qui « identifie les problèmes », et celui de l'A/B test, qui « valide les solutions », ainsi que l'ordre à respecter.
Vous pensez que l'A/B testing nécessite forcément un outil payant ? Découvrez comment vous lancer sans code, sans carte bancaire, avec une seule ligne de balise à installer.
Lors de la conception de la fonctionnalité de test A/B, faut-il regrouper en un seul paramètre la « proportion de visiteurs inclus dans l'expérience (taux d'exposition) » et la « répartition A/B », ou les séparer ? Nous partageons ici les raisons qui nous ont conduits à séparer ces deux notions, en nous alignant sur les standards du secteur, ainsi que les choix de conception qui en ont découlé.
D'Optimizely à PostHog — un rapport de recherche de juin 2026 couvrant les fonctionnalités, les niveaux tarifaires, les modèles de facturation et les approches techniques de 8 grands outils d'A/B testing. Inclut la vague de consolidation sectorielle et l'état du support WordPress.
D'une page unique surchargée à une mise en page en 5 pages avec barre latérale. Coexistence de la barre latérale sticky, gabarit CSS Grid partagé, schémas Coming Soon, et un dictionnaire i18n unique partagé entre la LP et le tableau de bord — réalisé en 2 heures avec Claude Code.
Comment nous avons reconstruit le tableau de bord HeatMapX de zéro en une seule journée avec Claude Code — mode sombre Tailwind v4, pièges de l'alignement tabulaire CSS Grid, et à quoi ressemblent vraiment 16 itérations de design.
Collez une seule balise pour démarrer. Connectez votre IA, comme Claude, pour passer de l’analyse aux améliorations dans une conversation.
