Etiquetas personalizadas — Filtra los mapas de calor por tus propias variantes de test A/B

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

HeatMapX ahora admite etiquetas personalizadas. Añade una línea a tu página y cada clic, desplazamiento y movimiento del ratón de ese visitante llevará la etiqueta, de modo que puedas filtrar el mapa de calor en el panel por etiqueta.

Esto surgió de una solicitud de un cliente: «Nuestro test A/B ya se ejecuta en nuestro propio código. Solo queremos ver el mapa de calor por variante». No se limita a los tests A/B. Si el usuario ha iniciado sesión o no, en qué plan está, de qué campaña proviene: cualquier dato que tu sitio ya conozca sobre el visitante puede convertirse en un segmento.

Cómo usarlo

Añade lo siguiente a cualquier página que tenga la etiqueta de seguimiento. Funciona antes o después de la etiqueta de seguimiento (las llamadas realizadas antes se ponen en cola y se aplican en cuanto se carga la etiqueta).

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

Si tu servidor genera el HTML, también puedes pasar las etiquetas de una sola vez, antes de la etiqueta de seguimiento.

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

Las etiquetas persisten entre navegaciones dentro de la misma pestaña del navegador, así que basta con definirlas una vez al inicio de la visita. hmx('unset', 'ab_variant') elimina una etiqueta.

Filtrado en el panel

Abre un sitio y luego el mapa de calor de una página. Aparece un menú desplegable "Etiqueta" en la fila de filtros de la esquina superior derecha, junto al filtro de dispositivo. Cada opción muestra la clave, el valor y el número de sesiones, como ab_variant = B (128). Elige una y los mapas de calor de clics, desplazamiento y movimiento del ratón se vuelven a dibujar solo para ese segmento.

El menú desplegable está oculto en los sitios que aún no tienen datos etiquetados. Está disponible en cuanto llega el primer evento etiquetado tras la instalación.

Filtrado a través del servidor MCP

El servidor MCP, usado desde Claude y otras herramientas de IA, también admite etiquetas.

  • Pasa tags: { "ab_variant": "B" } a get_heatmap_summary para obtener el resumen de ese segmento. Varias claves se combinan con Y lógico.
  • Una nueva herramienta, list_tags, devuelve las claves y valores observados en un sitio.

Reglas

  • Claves: letras minúsculas, dígitos, _ y -, de 1 a 32 caracteres (las mayúsculas se convierten a minúsculas). Valores: de 1 a 64 caracteres. Hasta 10 claves a la vez.
  • No incluyas datos personales en los valores, como direcciones de correo electrónico, identificadores de usuario o números de pedido. Los valores que contienen tanto @ como . no se guardan.
  • Hasta 50 valores distintos por clave en los últimos 30 días. Los valores nuevos que superen ese límite se ignoran.
  • Si no usas etiquetas, no cambia nada en lo que se envía.

Precios

Disponible en todos los planes, incluido el gratuito.

Alcance del impacto

Usa tu etiqueta de seguimiento existente tal cual. Los sitios que no definen etiquetas no se ven afectados. El script de seguimiento (tracker.js) se almacena en caché en los navegadores hasta 24 horas, así que justo después de la instalación, algunos visitantes recurrentes podrían ver el cambio recién al día siguiente.

Heatmaps desde Claude Code — gratis para empezar.

Pega una etiqueta de tracking y recibe análisis y sugerencias CRO desde la CLI.