> ## Documentation Index > Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt > Use this file to discover all available pages before exploring further. # Engagement de la landing page: mapas de calor y scroll > Descubre cómo usan tu landing page los visitantes con las métricas de engagement, los mapas de clics, el scroll y la atención, y aplica las mejoras sugeridas. La pestaña **Engagement** muestra qué hacen realmente los visitantes en una landing page publicada: en qué hacen clic, hasta dónde bajan y dónde pasan el tiempo. Úsala cuando una página recibe tráfico pero no convierte lo suficiente y necesitas saber qué parte está perdiendo a la gente. Los datos de engagement se registran por variante y por dispositivo, así que puedes comparar la variante ganadora de un test A/B con la perdedora, o comprobar que una página que funciona en escritorio también funciona en móvil. ## Cómo abrir la pestaña Engagement **1. Ve a Landing Pages** Abre **Landing Pages** en la barra lateral izquierda y busca la página que quieres analizar. **2. Abre la landing page** Haz clic en el **nombre** de la landing page para abrir su vista de detalle. **3. Selecciona la pestaña Engagement** Haz clic en **Engagement**, junto a **Overview** en la fila de pestañas. **4. Elige un rango de fechas** Usa el selector de rango de la derecha: **1D**, **7D**, **1M**, **3M**, **All** o **Custom**. El rango se aplica a todas las vistas de la pestaña. ![Pestaña Engagement seleccionada en una landing page, con las vistas Metrics, Clicks, Scroll Depth y Attention debajo](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-where-to-find.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=e64d813b2fc0a3905b35d9fd3940c843) La pestaña se abre en **Metrics**. **Clicks**, **Scroll Depth** y **Attention** dibujan sus datos sobre una vista previa en vivo de la página. ## Elige la variante y el dispositivo **Variant selector**, arriba a la derecha. Elige la variante que estás viendo. Cada entrada muestra su número de visitantes y su porcentaje de engagement para el rango de fechas seleccionado, la etiqueta **Main** marca la variante principal, y una variante sin tráfico en el rango indica **No visitors in this range**. ![Selector de variantes con la variante principal, su número de visitantes y su porcentaje de engagement, y una segunda variante sin visitantes en el rango](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-variant-picker.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=55c9be9ec4c8b883c9fad49117230403) **Device**, arriba a la derecha del panel de datos. **Metrics** siempre informa de **All devices** y te desglosa el tráfico. **Clicks**, **Scroll Depth** y **Attention** muestran un dispositivo cada vez, **Desktop**, **Tablet** o **Mobile**, porque el diseño de la página cambia en cada uno. Al cambiar de dispositivo, la vista previa se redibuja a ese ancho y los números se recargan solo para ese dispositivo, así que la capa siempre queda sobre el diseño que vieron esos visitantes. ![Mapa de clics de los visitantes de móvil, con la vista previa redibujada al ancho de móvil y los totales de clics solo de móvil en el panel](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map-mobile.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=46b11931dcc7ab5a6be3b66305b11f02) > [!TIP] > > La vista y el dispositivo se guardan en la URL de la página, así que puedes guardar un mapa de calor concreto en favoritos o enviárselo a un compañero y verá exactamente lo mismo. ## Metrics **Metrics** es la vista de resumen. La cabecera muestra el total de visitantes y los visitantes únicos del rango, seguidos de seis cifras. | Métrica | Qué significa | | :- | :- | | **Engaged visitors** | Porcentaje de visitantes que interactuaron con la página haciendo clic, bajando o quedándose un tiempo significativo | | **Avg. active time** | Cuánto tiempo estuvieron usando la página de verdad los visitantes: leyendo, bajando o haciendo clic | | **Reached halfway** | Porcentaje de visitantes que bajaron al menos hasta el 50% de la página | | **Clicks** | Total de clics registrados en la página, y la media por visitante | | **Rage clicks** | Tres o más clics rápidos en el mismo punto, a menudo señal de frustración | | **Dead clicks** | Clics en partes no interactivas de la página, donde no responde nada | ![Vista Metrics con los visitantes con engagement, el tiempo activo medio, el porcentaje que llegó a la mitad, los clics, los rage clicks y los dead clicks junto a una vista previa de la landing page](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-metrics.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=1d39406c4297f05ea0931b5ef0945147) Debajo de las cifras, el panel continúa con tres secciones. **Visitors over time** representa los visitantes con engagement frente a los que no lo tuvieron a lo largo del rango seleccionado, para que veas si una caída de calidad coincide con una fuente de tráfico o con un cambio en la página. **By device** lista Desktop, Tablet y Mobile con los visitantes de cada uno y su porcentaje de engagement. Un dispositivo que se queda muy por detrás suele indicar un problema de diseño, así que abre **Clicks** o **Scroll Depth** en ese dispositivo para confirmarlo. **Funnel** toma una llamada a la acción y cuenta los visitantes que la vieron y los que hicieron clic en ella, con la caída en cada paso. Usa el desplegable de CTA para cambiar entre las llamadas a la acción de la página. **Insights** convierte los números en problemas concretos. Cada tarjeta nombra el elemento, califica el impacto como **High impact** o **Medium impact**, explica qué están haciendo los visitantes y enlaza directamente a la vista que lo demuestra: **Show in click map** para los rage clicks y **Show dead clicks** para los clics que no llevan a nada. ![Funnel con los visitantes, los que vieron la CTA y los que hicieron clic en ella, sobre las tarjetas de insights de rage clicks y dead clicks](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-funnel-insights.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=995403f22ac8b4b687e6ed7a8fc61eea) ## Clicks **Clicks** dibuja un mapa de clics sobre la página. Las zonas cálidas son los elementos que más clics reciben, las frías las que menos. ![Mapa de clics sobre la vista previa de una landing page, con la calidad de los clics, los filtros de elementos y la lista ordenada de los elementos más clicados](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=0f2ac96d43861fda29bf3468c60ca93f) El panel de la derecha desglosa los clics. **Clicks** y **Clicks per visitor** dan los totales del dispositivo seleccionado. **Click quality** divide cada clic en **Productive**, **Dead** y **Rage**. Un porcentaje alto de dead clicks significa que los visitantes están haciendo clic en cosas que parecen interactivas pero no lo son, como una imagen, un icono o un titular. **Element filters** limita el mapa a **All**, **Buttons**, **Links** o **Form fields**, cada uno con su propio recuento. **Ranked elements** lista los elementos más clicados en orden, con el tipo de elemento al lado de cada uno. Activa **Group** para agrupar los elementos repetidos, de modo que tres enlaces que ponen "Get started" cuenten como una sola fila. El botón del final de la lista indica el total y la despliega, por ejemplo **Show all 50 elements**. > [!TIP] > > Usa **Show element ranks** en la barra de herramientas de la vista previa para poner insignias numeradas sobre la propia página. Las insignias coinciden con la lista ordenada, lo que facilita encontrar una fila que está muy abajo. ## Scroll Depth **Scroll Depth** sombrea la página de arriba abajo y marca las líneas de profundidad: 25%, 50% y 75% de la página, cada una etiquetada con el porcentaje de visitantes que llegó hasta ahí. Una línea discontinua marca el **average fold**, el punto donde la página se corta al cargar. ![Vista de scroll con las marcas de profundidad sobre la vista previa de la página y una lista de secciones con el porcentaje de visitantes que vio cada una](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-scroll-depth.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=2711b85a5aef94139a336eab5e5190dc) **Reached halfway** y **Reached the end** son las cifras principales. **Reach by depth** muestra con qué rapidez se adelgaza la audiencia de arriba abajo. La lista **Section** es la parte útil. Nombra cada sección de la página en orden, da el porcentaje de visitantes que la vio y muestra la caída en puntos porcentuales respecto a la sección anterior. La caída mayor es donde estás perdiendo gente, así que una llamada a la acción por debajo de ese punto solo llega a una fracción de tu tráfico. ## Attention **Attention** colorea la página según el tiempo que se pasa en ella, en lugar de por los clics. Las secciones verdes retienen la atención poco tiempo, las rojas la retienen más. Cada sección lleva una etiqueta con su tiempo y el porcentaje de visitantes que la vio. ![Vista de atención con cada sección de la landing page coloreada según el tiempo que se pasa en ella, con el tiempo activo medio y una lista de tiempos por sección](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-attention.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=5850f040b6704e8bf2b340424c25a6d9) **Avg. active time** cuenta el tiempo que los visitantes pasaron usando la página. **Avg. visible time** cuenta el tiempo que la página estuvo abierta y a la vista. Una diferencia grande entre las dos significa que los visitantes dejaron la pestaña abierta sin leer. Lee Attention junto con Scroll Depth. Una sección con mucho tiempo pero un porcentaje bajo en **seen by** es contenido que funciona, colocado demasiado abajo. > [!NOTE] > > Mucha atención no es automáticamente buena señal. Mucho tiempo en un formulario o en una tabla de precios puede significar que el contenido confunde, no que convenza. ## Controles de la vista previa La barra de herramientas está en la parte inferior de la vista previa en las tres vistas visuales. ![Barra de herramientas de la vista previa con los anchos de escritorio, tablet y móvil, los controles de zoom, el ajuste al ancho, las insignias de los elementos y la leyenda del mapa de clics](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-preview-toolbar.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=75346891d64d37e755c5c7f5da4a69ca) | Control | Qué hace | | :- | :- | | **Desktop**, **Tablet**, **Mobile** | Redibuja la vista previa y la capa a ese ancho de dispositivo | | **Zoom** | Amplía y reduce la vista previa, con el porcentaje actual entre los botones | | **Fit to width** | Ajusta la vista previa para que ocupe el espacio disponible | | **Show element ranks** | Solo en **Clicks**. Pone insignias numeradas sobre la página que coinciden con la lista de elementos | | **Legend** | Explica la capa: de menos a más clics, alcance del scroll, o de menos a más tiempo | Cada una de las tres vistas visuales termina con una tarjeta de sugerencia debajo de los datos, y su enlace **Show on page** desplaza la vista previa hasta el elemento del que habla. ## Cuando la pestaña Engagement está vacía Si la pestaña indica **No visitors in this range yet**, la página no registró tráfico en el rango seleccionado. Haz clic en **Show the period with traffic** para saltar a un rango con datos, o amplía el rango a **All**. Comprueba esto antes de dar por hecho que faltan datos: > [accordion] La página no está publicada > > El engagement se registra a partir de las visitas a la página publicada. Un borrador que nunca se ha publicado no tiene nada que informar. > [accordion] Está seleccionada la variante equivocada > > Cada variante recoge sus propios datos. Una variante recién añadida, o que recibe una parte pequeña del reparto de tráfico, puede estar vacía mientras la principal no lo está. > [accordion] Está seleccionado el dispositivo equivocado > > **Clicks**, **Scroll Depth** y **Attention** muestran un dispositivo cada vez. Mira **By device** en la vista **Metrics** para ver qué dispositivos tienen tráfico de verdad. > [accordion] La página cambió después de registrar los datos > > La capa se dibuja sobre la versión actual de la página. Si se han añadido, quitado o reordenado secciones desde entonces, compara con un rango de fechas que coincida con el diseño actual. ## Relacionado * [Analítica y métricas de rendimiento de las landing pages](https://docs.landerlab.io/es/features/analytics/landing-page.md) * [Tests A/B](https://docs.landerlab.io/es/features/analytics/ab-testing.md) * [Informes](https://docs.landerlab.io/es/features/analytics/reporting.md) * [Seguimiento de conversiones](https://docs.landerlab.io/es/features/analytics/conversions-tracking.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.