Balises personnalisées — Filtrez les heatmaps par vos propres variantes de test A/B

HeatMapX Engineering Team4 min read
  • tags
  • heatmap
  • ab-testing
  • mcp

HeatMapX prend désormais en charge les balises personnalisées. Ajoutez une ligne à votre page et chaque clic, défilement et mouvement de souris de ce visiteur porte la balise, ce qui vous permet de filtrer la heatmap dans le tableau de bord par balise.

Cette fonctionnalité est née d'une demande client : « Notre test A/B tourne déjà dans notre propre code. Nous voulons juste voir la heatmap par variante. » Ce n'est pas limité aux tests A/B. Connecté ou non, le forfait de l'utilisateur, la campagne d'origine — tout ce que votre site sait déjà sur le visiteur peut devenir un segment.

Comment l'utiliser

Ajoutez ce qui suit à toute page contenant la balise de suivi. Cela fonctionne avant ou après la balise de suivi (les appels effectués plus tôt sont mis en file d'attente et appliqués une fois la balise chargée).

<script>
  window.hmx = window.hmx || function(){ (window.hmx.q = window.hmx.q || []).push(arguments) };
  hmx('set', 'ab_variant', 'B');
</script>

Si votre serveur génère le HTML, vous pouvez aussi transmettre les balises en une seule fois, avant la balise de suivi.

<script>window.heatmapxTags = { ab_variant: 'B', plan: 'pro' };</script>

Les balises persistent d'une navigation à l'autre dans le même onglet du navigateur, il suffit donc de les définir une fois au début de la visite. hmx('unset', 'ab_variant') retire une balise.

Filtrage dans le tableau de bord

Ouvrez un site, puis la heatmap d'une page. Un menu déroulant « Balise » apparaît dans la ligne de filtres en haut à droite, à côté du filtre d'appareil. Chaque option affiche la clé, la valeur et le nombre de sessions, par exemple ab_variant = B (128). Sélectionnez-en une et les heatmaps de clics, de défilement et de mouvement de souris se redessinent pour ce segment uniquement.

Le menu déroulant est masqué sur les sites sans données balisées. Il devient disponible dès que le premier événement balisé arrive après l'installation.

Filtrage via le serveur MCP

Le serveur MCP, utilisé depuis Claude et d'autres outils IA, prend également en charge les balises.

  • Passez tags: { "ab_variant": "B" } à get_heatmap_summary pour obtenir le résumé de ce segment. Plusieurs clés sont combinées avec un ET logique.
  • Un nouvel outil list_tags renvoie les clés et valeurs observées sur un site.

Règles

  • Clés : lettres minuscules, chiffres, _ et -, de 1 à 32 caractères (les majuscules sont converties en minuscules). Valeurs : 1 à 64 caractères. 10 clés maximum à la fois.
  • N'incluez pas de données personnelles dans les valeurs, comme des adresses e-mail, des identifiants utilisateur ou des numéros de commande. Les valeurs contenant à la fois @ et . ne sont pas enregistrées.
  • Jusqu'à 50 valeurs distinctes par clé sur les 30 derniers jours. Les nouvelles valeurs au-delà de cette limite sont ignorées.
  • Si vous n'utilisez pas les balises, rien ne change dans ce qui est envoyé.

Tarifs

Disponible sur tous les forfaits, y compris le forfait gratuit.

Portée de l'impact

Utilise votre balise de suivi existante telle quelle. Les sites qui ne définissent pas de balises ne sont pas affectés. Le script de suivi (tracker.js) est mis en cache par les navigateurs jusqu'à 24 heures, donc juste après l'installation, certains visiteurs récurrents peuvent ne voir le changement que le lendemain.

Des heatmaps depuis Claude Code — gratuit pour commencer.

Ajoutez une balise de tracking, recevez analyses et suggestions CRO depuis la CLI.