Magnetia — Agencia de marketing digital, IA y diseño web
CRO · Pyme B2B

Heatmaps y session recording: lo que sí miramos en pyme.

Hotjar y Microsoft Clarity son gratis (o casi). Bien usados, te ahorran meses de A/B testing. Mal usados, son 30 horas perdidas viendo videos de usuarios. Aquí qué mirar y qué ignorar.

Auditar mis landings

Actualizado mayo 2026

Qué son y para qué sirven

Heatmaps muestran dónde clica la gente. Session recording muestra cómo lo hace.

Heatmaps: mapa de calor que muestra dónde hace clic la gente, hasta dónde llega haciendo scroll y dónde se mueve el ratón en una página concreta. Agregado de cientos o miles de sesiones. Visión rápida del comportamiento típico.

Session recording: grabaciones reales de sesiones individuales de usuarios. Ves todo: movimientos de ratón, clics, scrolls, tiempo en cada sección, dónde dudan, dónde abandonan. Útil pero requiere tiempo (ver 20-30 sesiones bien).

Ambas herramientas existen desde 2014, pero la combinación de Microsoft Clarity gratis y Hotjar con free tier decente las puso al alcance de cualquier pyme. Bien aplicadas, son la herramienta más eficaz para iterar landings sin necesidad de A/B testing complejo. Lo aplicamos en CRO web B2B.

Herramientas

Hotjar vs Microsoft Clarity vs alternativas

Para pyme B2B típica, una basta.

Microsoft Clarity · Gratis sin límite

Heatmaps + session recording sin límite de sesiones. Gratis para siempre. Interfaz menos refinada que Hotjar pero funcionalidad core casi idéntica. Para pyme B2B: empezar siempre por Clarity. Cero coste para experimentar.

Hotjar · Free tier 35 sesiones/día

Free tier limita a 35 sesiones diarias (suficiente para pyme con <1.000 visitas/día). Plan Pro 39 €/mes: 500 sesiones/día + features (encuestas, feedback widgets). UX más pulida. Algunos prefieren Hotjar por costumbre.

PostHog · Para producto SaaS

Open source, self-hostable. Heatmaps + replays + analytics producto. Para SaaS B2B con producto complejo: muy útil. Para landing simple: overkill. Plan free hasta 1M eventos/mes.

FullStory · Enterprise

Top de gama, precio enterprise (500-2.000 €/mes). Búsqueda avanzada en sesiones, integraciones profundas. Solo justificable para empresas grandes con equipos UX dedicados.

Mouseflow / Smartlook · Intermedios

Posicionados entre Clarity gratis y Hotjar paid. Funcionalidades similares. No aportan diferencial frente a Clarity. Solo justificable si necesitas features específicas (forms analytics, funnels avanzados).

Recomendación pyme B2B

Microsoft Clarity gratis para casi todos los casos. Si necesitas encuestas in-page o feedback widgets: añadir Hotjar plan Pro 39 €/mes. Ambas pueden coexistir sin problema.

Qué mirar realmente

Las 5 cosas que sí miramos al auditar una landing

01

Scroll depth promedio

¿Hasta dónde llega el usuario medio? Si el 70% no pasa del primer pliegue, tienes problema de hero (no engancha). Si llegan al final pero no convierten, problema de oferta o formulario. El % medio razonable B2B: 50-70% llega al primer CTA, 25-40% al final.

02

Clics en CTAs (esperados y no)

Los CTAs deben ser los elementos más clicados. Si la gente clica en otros sitios (texto subrayado que no es link, imágenes decorativas), hay problemas de affordance. Convertir esos clics fantasma en CTAs reales sube conversion rate 10-30%.

03

Abandonos de formulario

Field analytics: qué campo es donde la gente se atasca. Si el 40% abandona en el campo "teléfono", o lo quitas o lo dejas opcional. Si abandona en "empresa" cuando no es obligatorio, autorrellena. Cada fricción identificada y resuelta sube conversion 5-15%.

04

Rage clicks y dead clicks

<strong>Rage clicks</strong> (clics repetidos rápidos): usuario frustrado clicando algo que no responde. <strong>Dead clicks</strong> (clics en elementos no interactivos): expectativa rota. Microsoft Clarity los detecta automáticamente. Son los hallazgos más útiles: bugs reales que matan conversión.

05

Tiempo en página vs conversión

Sesiones <10s: no leen, mal targeting o hero malo. Sesiones 30s-2min con conversión: óptimo. Sesiones >5min sin conversión: confusión (no entienden qué hacer). Cada perfil pide solución distinta.

06

Comportamiento por dispositivo

Móvil vs desktop tienen patrones muy distintos. Móvil: scroll más rápido, menos lectura, más sensibilidad a peso de página. Desktop: lectura mayor, más tolerancia a contenido denso. Ver heatmaps por dispositivo separados, no agregados.

Cómo iterar sin perder el tiempo

Workflow real de uso semanal de heatmaps en pyme

Acumular 200-500 sesiones antes de mirar

Con <200 sesiones, los heatmaps son ruido. En pyme con 2.000 visitas/mes en landing, eso son 4-7 días. Esperar a tener datos. Mirar antes lleva a conclusiones equivocadas.

Ver 10-15 session recordings por iteración

No 50. No 5. 10-15 sesiones bien elegidas (mix de convertidos y no convertidos) dan patrones claros. Más es ruido y tiempo perdido. Filtrar por: sesiones con conversión, sesiones largas sin conversión, sesiones con rage clicks.

Apuntar hipótesis, no conclusiones

De heatmaps salen hipótesis ("creo que el formulario es demasiado largo"), no conclusiones. Validar con cambio + medir. Una hipótesis bien testeada al mes vale más que 10 hipótesis lanzadas a la vez.

Cambios pequeños y medibles

Iteración: un cambio, 2-4 semanas con datos, medición. Cambios grandes (rediseño total) no se pueden atribuir a nada. Cambios pequeños (un campo menos, copy CTA distinto, color botón) sí. La paciencia paga.

Combinar con tracking GA4

Heatmaps muestran qué pasa, no cuánto convierte. Cruzar con GA4 para ver si el cambio mejoró conversion rate real, no solo comportamiento. Sin GA4 detrás, heatmaps son cosmética. Ver <a href="/blog/tracking-ga4-b2b-2026" class="text-magnetia-red underline">tracking GA4 B2B</a>.

Una revisión profunda cada 4-6 semanas

No mirar heatmaps a diario (no hay datos suficientes). Revisión profunda semanal/quincenal en mes 1-2 tras lanzar. Mensual después. Más frecuencia es trabajo de psicólogo, no de marketer.

Hallazgos típicos

Los 6 problemas que más vemos al auditar con heatmaps

Patrones repetidos en cuentas pyme B2B.

Hero que no engancha

60-80% de usuarios no pasa del primer pliegue. El hero promete algo genérico o irrelevante. Solución: H1 más específico al ICP, prueba social inmediata, CTA visible above the fold.

Formulario al final demasiado largo

Field analytics muestra abandonos masivos en campo 6+. Solución: eliminar campos no críticos o pasarlos a llamada posterior. Bajar de 9 a 6 campos típicamente sube conversion 25-40%.

CTAs invisibles o mal contrasteados

CTAs que no destacan del fondo, color similar al resto. Heatmaps muestran que se clica MENOS que el menú. Solución: color de marca contrastado, tamaño mayor, padding generoso, microcopy concreto.

Texto subrayado no enlazable

Texto con énfasis (subrayado, negrita) que la gente intenta clicar pensando que es link. Frustración. Solución: o convertirlos en links a anclas internas, o cambiar formato.

Banner de cookies que mata móvil

Banner cookies que cubre la mitad de la pantalla móvil 3-4 segundos. Heatmaps muestran que muchos abandonan antes de poder leer. Solución: banner más pequeño, no bloqueante, accept simple.

Carga lenta detectada en grabaciones

Recordings muestran usuarios viendo página en blanco 3-5 segundos antes de cargar. Móvil sobre todo. Solución: optimizar imágenes, lazy load, Core Web Vitals. Ver Core Web Vitals.

0 €
Coste con Microsoft Clarity
200-500
Sesiones para datos útiles
10-15
Recordings por iteración
25-40%
Conversion rate +tras formulario corto
Buenas prácticas

Cómo instalar heatmaps sin problemas legales ni de rendimiento.

Consentimiento: tanto Hotjar como Clarity requieren consentimiento RGPD para grabar sesiones con datos personales. Integrar con tu Consent Management Platform (CookieBot, OneTrust o similar) — si el usuario no acepta, no se graba. Sin esto, multa potencial AEPD.

Mascarado de datos sensibles: ambas herramientas tienen opciones para enmascarar inputs (contraseñas, datos bancarios, datos personales). Activar siempre. No grabar formularios con datos confidenciales en claro.

Rendimiento: el script de Clarity pesa ~30KB; Hotjar ~50KB. Cargar de forma asíncrona y posiblemente defer. Impacto en Core Web Vitals: mínimo si bien configurado. Si tu landing es muy ligera, valorar.

Privacidad de competidores: tus competidores pueden ver tu Clarity/Hotjar si entran a tu web. No es un riesgo grave (no exponen datos), pero conviene saberlo.

Preguntas frecuentes

Dudas que nos hacéis llegar

Microsoft Clarity para casi todos los casos. Es gratis ilimitado y cubre el 90% de lo que necesitas (heatmaps, recordings, dead clicks, rage clicks). Hotjar añade encuestas in-page y feedback widgets — útil si las necesitas. Empezar siempre por Clarity.
Auditoría con heatmaps

¿Tu landing está perdiendo conversiones sin que sepas por qué?

Instalamos heatmaps, recogemos datos 2 semanas, analizamos 30-50 sesiones clave y te entregamos lista priorizada de cambios accionables. Plazo: 3 semanas total.

Hablemos