Heatmaps

Clicks, scroll y comparación entre variantes.

Los heatmaps agregan el comportamiento de muchos visitantes en una sola imagen: dónde hacen clic, hasta dónde bajan y dónde se frustran.

Tipos

Tipo Qué muestra
Clicks Densidad de clics
Rage clicks Clics repetidos en el mismo punto
Dead clicks Clics que no produjeron nada
Scroll Porcentaje de sesiones que alcanzó cada profundidad

Cómo se agregan

Las posiciones se bucketizan en una rejilla de 200×200 en el momento de la escritura, mediante vistas materializadas de ClickHouse.

Guardar coordenadas crudas obligaría a escanear millones de filas para dibujar un heatmap. Con la rejilla precalculada se dibuja desde unos pocos miles.

Las posiciones se normalizan a 0–1 sobre el viewport, así que la rejilla es independiente de la resolución de pantalla.

Dimensiones de filtrado

Comparar control y variante

Selecciona el experimento y cambia la variante. Los agregados están separados por variant_key, así que control y variante producen heatmaps independientes sobre la misma URL.

Ahí es donde el heatmap aporta lo que la tabla de resultados no: si la variante ganó, ver dónde se movieron los clics explica el mecanismo.

Normalización de URL

Las URLs se agregan por su forma limpia. /products/tee?utm_source=google&session=abc y /products/tee?ref=home se agregan juntas, porque el parámetro de sesión no cambia la página.

Esto significa que una plantilla con miles de variantes de query no fragmenta el heatmap en miles de filas inútiles.

Móvil y desktop por separado

Un heatmap que mezcla ambos no dice nada: el mismo elemento está en posiciones completamente distintas. Filtra siempre por dispositivo antes de sacar conclusiones.

Sin capturas con datos sensibles

El heatmap se superpone sobre una captura de la página. Esas capturas:

No se generan capturas a partir de grabaciones de visitantes, precisamente para no crear una imagen que contenga datos de una persona concreta.

Retención

Los agregados de heatmap se conservan 180 días. Al ser agregados no contienen información de visitantes individuales.

Datos mínimos

Un heatmap con pocas sesiones es ruido con colores. El panel indica el número de sesiones agregadas; por debajo de unos cientos, interpreta con cautela.