¡Hola! Ahora puedes usar Hotjar en español 🇪🇸 Empezar gratis.

Aprende / Blog / Artículo

Volver al blog

La mejor manera de hacer un seguimiento del desplazamiento vertical (y no es con Google Analytics 4)

Saber qué partes de una página web aburren, atraen o convencen a los visitantes de un sitio web puede suponer un antes y un después para los profesionales del marketing digital, los diseñadores de UX, los equipos de producto y los responsables de comercios electrónicos.

Y esto es justo lo que pueden conseguir haciendo un seguimiento del desplazamiento vertical, ya que les aporta insights sobre cómo se desplazan hacia abajo los visitantes de un sitio web que pueden analizar para mejorar la experiencia de usuario (UX).

Última actualización

25 ene 2024

Tiempo de lectura

11 min

Compartir

En este artículo encontrarás todo lo que necesitas saber para empezar a hacer un seguimiento del desplazamiento vertical, que también se conoce como profundidad de desplazamiento. Te informarás sobre por qué debes hacer un seguimiento ycómo utilizarlo para hacer cambios en el sitio web basados en datos.

También encontrarás un análisis del seguimiento de la profundidad de desplazamiento con Google Analytics 4 y descubrirás una opción mejor para medir la profundidad de desplazamiento y mejorar la experiencia de usuario (pista: es Hotjar 👋).

Resumen

¿Qué es la profundidad de desplazamiento y por qué debes medirla?

La profundidad de desplazamiento mide hasta qué punto los usuarios se desplazan hacia abajo en una página web, lo que te ayuda a comprender el comportamiento de usuario y a mejorar la experiencia de cliente. Por ejemplo, supongamos que estás haciendo una prueba A/B de una página de destino crucial y quieres saber con qué diseño o texto los usuarios se desplazan hasta más abajo. O quizás quieras saber si los visitantes llegan hasta los testimonios de los clientes y los botones de llamada a la acción (CTA).

Al hacer un seguimiento de la profundidad de desplazamiento, obtendrás insights valiosos sobre cómo interactúan los visitantes con tu sitio web y qué cambios mantendrán su interés.

¿Cómo se mide la profundidad de desplazamiento?

Hay muchas formas de medir la profundidad de desplazamiento de una página. A continuación tienes las tres herramientas más comunes para hacerlo.

  1. JavaScript: requiere conocimientos de programación y puede ser difícil de implementar en sitios web complejos.

  2. Google Analytics y Google Tag Manager: es una solución popular para hacer un seguimiento de la profundidad de desplazamiento, pero no ofrece tantas funciones como las herramientas de terceros.

  3. Herramientas deanalítica de sitios web de terceros: las herramientas para generar mapas de calor, como Hotjar Heatmaps, ofrecen mejores funciones y una representación de los datos más intuitiva que Google Analytics.

La mayoría de las herramientas que hacen un seguimiento de la profundidad de desplazamiento la representan en porcentajes, píxeles o visualmente utilizando un tipo de mapa de calor conocido como "mapa de desplazamiento vertical" o "scroll map".

#A scroll map in Hotjar

A scroll map in Hotjar

¿En qué se diferencian los mapas de calor de los mapas de desplazamiento vertical?

Un mapa de calor o heatmap es una representación visual mediante una escala de colores de las interacciones de los usuarios en una página web. Las zonas con las que más interactúan los usuarios se marcan con colores cálidos, como el rojo y el naranja. Las zonas con las que menos interactúan se indican con tonos más fríos, como el azul.

Un mapa de desplazamiento vertical o scroll map es un tipo específico de mapa de calor que muestra hasta qué punto se desplazan verticalmente los usuarios por una página. Con la herramienta Hotjar Heatmaps puedes visualizar mapas de desplazamiento vertical, además de los cuatro tipos de mapas de calor adicionales que se indican a continuación.

  • Mapa de clics o click map: muestra dónde hacen clic los usuarios en tu página, lo que te ayuda a comprender si las CTA, los botones y los enlaces captan la atención de los usuarios.

  • Mapa de movimientos o move map: muestra por dónde mueven el ratón los usuarios, lo que te aporta insights sobre qué capta su atención.

  • Mapa de zonas de interacción o Engagement Zones map: combina datos de los mapas de clics, movimientos y desplazamiento vertical, lo que te ofrece una visión general de la interacción de los usuarios.

  • Mapa de clics con rabia o rage click map: destaca las zonas en las que los usuarios hacen clic repetidamente por frustración, lo que indica que esas zonas son confusas o presentan algún problema.

Seguimiento del desplazamiento vertical utilizando Google Analytics y Google Tag Manager

Combinar Google Analytics 4 (GA4) y Google Tag Manager (GTM) para hacer el seguimiento del desplazamiento vertical es una opción bastante popular por las razones que se exponen a continuación.

  • El seguimiento del desplazamiento vertical está integrado en Google Analytics 4: con GA4 se pueden obtener directamente datos sobre el desplazamiento vertical de los usuarios gracias al evento integrado que se activa cuando los usuarios llegan al 90 % de la profundidad vertical de una página.

  • Se puede hacer un seguimiento personalizado con Google Tag Manager: GTM permite a los usuarios establecer umbrales específicos de profundidad de desplazamiento en porcentajes o píxeles y activar etiquetas en función de dichos umbrales. Con GTM puedes configurar el umbral que quieras, por ejemplo, el 25 %, el 50 % o el 75 %.

  • Se integra perfectamente con otros servicios de Google: GA y GTM funcionan a la perfección con otros servicios de Google, lo que agiliza el análisis de datos.

Sin embargo, aunque Google Analytics ofrece información básica sobre la profundidad de desplazamiento y Google Tag Manager permite personalizar diferentes opciones, estos datos no siempre son suficientes para comprender totalmente el comportamiento de los usuarios.

Por ejemplo, cuando se lee en un dispositivo móvil, la gente tiende a desplazarse rápidamente y muchas veces se limitan a escanear los artículos más largos. Por lo tanto, aunque averigües hasta qué punto de la página se desplaza verticalmente un usuario y si la abandona o no, no sabrás si realmente le interesa el contenido.

En cambio, con Hotjar podrás hacer un seguimiento de la profundidad de desplazamiento con mapas de desplazamiento vertical, pero también identificar insights cualitativos gracias a sus herramientas adicionales, lo que te permitirá obtener una visión completa sobre las interacciones de los usuarios para mejorar el rendimiento de tu sitio web.

Configura un mapa de calor hoy mismo

Crea una cuenta gratuita de Hotjar, añade el código de seguimiento a tu sitio web y empieza a utilizar Heatmaps.

Por qué deberías utilizar Hotjar para medir la profundidad de desplazamiento y mejorar la UX

Con Hotjar podrás hacer un análisis intuitivo y completo del comportamiento de usuario, gracias a sus mapas de desplazamiento vertical y otros tipos de heatmaps, al feedback de usuario o a las grabaciones de sesiones.

  1. Insights visuales: Los mapas de desplazamiento vertical de Hotjar te ofrecen una representación visual de los datos de desplazamiento más intuitiva que Google Analytics, ya que no solo se limitan a mostrar porcentajes y píxeles, sino que también aparecen resaltadas las áreas de interés y preocupación de una página web. Como la interacción de las usuarias y los usuarios se representa mediante una escala de colores, podrás determinar de un vistazo dónde se detienen, por dónde pasan rápidamente y en qué punto abandonan la página.

  2. Integración del feedback de los usuarios: las herramientas Hotjar Surveys y Hotjar Feedback te permiten obtener feedback directo de las usuarias y los usuarios y hacerte una idea clara sobre qué opinan. Por ejemplo, ClickMechanic utilizó Hotjar Surveys para preguntar directamente a los usuarios qué les echaba para atrás a la hora de completar una conversión, lo que les permitió obtener insights útiles.

  3. Análisis exhaustivo: si utilizas herramientas adicionales, como Recordings, podrás ver cómo los usuarios reales navegan por tu sitio web y comprender mejor a tus clientes para complementar los insights que obtengas con el seguimiento del desplazamiento vertical.

  4. Zonas de interacción: los mapas de zonas de interacción de Hotjar combinan los datos de los mapas de clics, desplazamiento vertical y movimientos en una única vista, lo que hace que el proceso de análisis sea más rápido y completo.

  5. Destacados en Hotjar: esta función facilita la colaboración y permite compartir fácilmente los insights sobre las personas usuarias para ayudarte a conseguir el apoyo de los stakeholders. Utilízala para compartir hallazgos del mapa de desplazamiento vertical, mostrar problemas del sitio web, etiquetar y notificar a miembros específicos del equipo y organizar los destacados en colecciones. (Consulta nuestra guía detallada sobre cómo usar Hotjar Highlights).

  6. Insights específicos: los distintos tipos de mapas de calor de Hotjar revelan problemas específicos; por ejemplo, si los usuarios se confunden con elementos en los que no se puede hacer clic o si se distraen con contenido innecesario. Puedes utilizar estos insights para averiguar qué cambios debes hacer y conseguir que sean realmente efectivos.

Hotjar Heatmaps’ page insights panel makes it easy to switch between different types of heatmaps: click, move, scroll, Engagement Zones, and rage clicks

Seguimiento de la profundidad de desplazamiento: Google Analytics vs. Hotjar

En la tabla siguiente se describen las principales diferencias entre hacer el seguimiento del desplazamiento vertical con dos plataformas populares: Google Analytics y Google Tag Manager vs. Hotjar.

5 formas de utilizar Hotjar para hacer el seguimiento del desplazamiento vertical

Ahora que ya conoces los excepcionales insights visuales que puedes identificar con los scroll maps, profundicemos en cómo los datos de desplazamiento vertical te pueden ayudar a hacer un mejor análisis.

1. Comprende realmente cómo se comportan tus usuarios

Para comprender el comportamiento de usuario, los datos cuantitativos no son suficientes. También necesitas saber por qué las personas usuarias se comportan de determinada manera. Los mapas de desplazamiento vertical de Hotjar te muestran cómo se mueven las usuarias y los usuarios por tu sitio utilizando una escala de colores que va del rojo al azul. Las áreas azules indican que pocos visitantes se desplazan por un área en particular, lo que señala zonas específicas en las que deberías hacer mejoras.

¿Quieres hacer un seguimiento de la profundidad de desplazamiento de segmentos de usuarios específicos? Utiliza los filtros en el dashboard de Hotjar para hacer un análisis más detallado sobre las interacciones de los usuarios en tu sitio.

Filter your heatmaps using the vast number of filters available in the Hotjar dashboard

Estos son algunos de los filtros disponibles en Hotjar:

  • Fecha

  • Tipo de usuario

  • Ubicación

  • Tecnología

  • Filtros de comportamiento

  • Atributos de usuario. Segmenta los usuarios en función de determinados atributos que configures; por ejemplo, usuarios que han completado una compra frente a los que no.

  • Feedback. Comprende el sentimiento de usuario filtrando las sesiones en las que hayan proporcionado feedback a través de la herramienta Hotjar Feedback.

💡 Consejo avanzado: Sácale el máximo partido a los filtros de Hotjar Heatmaps utilizándolos para alguno de los fines que te proponemos a continuación. 👇

  • Análisis de la página principal: compara cómo los visitantes nuevos y los recurrentes interactúan con tu página principal. Comprueba si los usuarios recurrentes encuentran fácilmente el botón de inicio de sesión.

  • Análisis de las salidas: comprende por qué las usuarias y los usuarios abandonan tu sitio después de llegar a una página específica.

  • Pruebas A/B: compara los datos del mapa de calor de diferentes variantes de una página para averiguar qué diseño o disposición del contenido funciona mejor.

  • Optimización del flujo de pago: identifica dónde abandonan los usuarios durante el proceso de pago y descubre si un paso específico les genera confusión.

  • Rendimiento de campañas: analiza cómo interactúan los usuarios de campañas de pago específicas con tus páginas de destino. Comprueba si se desplazan hacia abajo lo suficiente para ver las CTA cruciales o si algunas secciones reciben una atención inesperada.

2. Detecta finales falsos

¿Alguna vez pensaste que habías llegado al final de una página web y saliste de ella sin darte cuenta de que había más contenido? Si a ti te ha pasado, también le puede ocurrir a los usuarios de tu sitio web. Esto se conoce como "false bottom" o "final falso". Suele ocurrir porque hay una imagen grande o un salto de sección en la página que da la impresión de que marca el final y hace que los visitantes no se den cuenta de que hay más contenido valioso, como datos de contacto, CTA y valoraciones de clientes.

Hotjar te indica las zonas engañosas de tu sitio resaltando con colores más fríos los lugares en los que los usuarios hacen una pausa, lo que indica posibles finales falsos. Al identificar y abordar estos finales falsos, te asegurarás de que los usuarios vean todo el contenido y los elementos de la página que has creado y mejores su interacción con tu sitio.

Los mapas de calor nos mostraron que muy pocos usuarios se desplazaban más allá de nuestro hero. Por lo tanto, cuando decidimos rediseñar nuestras páginas de destino, esta información nos sirvió para saber que debíamos centrarnos en esa sección, lo que nos permitió reducir los costes de diseño e ingeniería y aumentar la tasa de conversión en un 15 %.

Simon Tinsley
Growth Manager, ClickMechanic

3. Optimiza la ubicación del contenido

El "fold", "pliegue" o "límite visible" es el punto de una página web a partir del cual los usuarios deben empezar a desplazarse hacia abajo para ver más contenido. El límite visible medio de un sitio web marca hasta qué parte de la página ven tus usuarias y usuarios cuando la abren y sin desplazarse por ella. En un mapa de desplazamiento vertical de Hotjar, este punto se marca como una línea distinta etiquetada como "LÍMITE VISIBLE MEDIO".

#Part of a Hotjar scroll map showing the average fold
Part of a Hotjar scroll map showing the average fold

Con Hotjar, la ubicación del contenido deja de ser una suposición para convertirse en una ciencia exacta. Los mapas de desplazamiento vertical muestran con qué áreas de la página interactúan más las personas usuarias y cuáles podrían ignorar, lo que te permitirá colocar estratégicamente el contenido esencial donde es más probable que llame la atención de tu audiencia.

El mapa de desplazamiento vertical mostró que, en móviles, el 75 % de los usuarios no veían nuestra CTA principal. La movimos a la mitad superior de la página y observamos un aumento inmediato de usuarios que llegaban a nuestras páginas clave.

Anna Grünanger
Head of Acquisition, Vimcar

4. Garantiza la accesibilidad de los contenidos

Si tus usuarias y usuarios se desplazan demasiado abajo, puede ser porque no encuentran lo que buscan. En un primer momento, si observas en un mapa de calor que tus usuarios se desplazan hasta el final de la página, podrías pensar que es porque tu contenido les interesa. Sin embargo, puede que la tasa de conversión y el porcentaje de rebote contradigan esta hipótesis.

Hotjar te ayuda a identificar estas áreas y optimizar la navegación de tu sitio viendo grabaciones de sesiones de cómo usuarias y usuarios reales interactúan con él utilizando la herramienta Hotjar Recordings

💡 Consejo avanzado: ¿Quieres hacer un análisis más profundo de los datos de desplazamiento vertical? Las opciones del panel lateral derecho de cada mapa de calor de Hotjar te facilitan el análisis y te ayudan a que identifiques más insights.

En este panel se indica el sentimiento medio de los usuarios (en forma de valoración de feedback) y áreas de posible frustración resaltando patrones de comportamiento, como clics con rabia. Si las usuarias y los usuarios hacen clics con rabia en una sección que requiere más desplazamiento, podría sugerir que es necesario prestar atención a problemas subyacentes de contenido o diseño.

Además de los datos visuales, también proporciona métricas cuantitativas, como el tiempo medio en la página, la tasa de abandono y los errores de consola para que tengas contexto sobre los datos de desplazamiento. Si las personas usuarias pasan mucho tiempo en una página sin desplazarse, podría ser una señal de que necesitan ayuda para encontrar la información que necesitan.

El panel lateral derecho de Hotjar Heatmaps proporciona contexto adicional.

5. Mejora la experiencia de usuario en todos los dispositivos

El comportamiento de usuario en un sitio web difiere en función del dispositivo que utilicen. Con los mapas de desplazamiento vertical de Hotjar (y con Hotjar en general) puedes averiguar estas diferencias, ya que te permiten visualizar por separado los datos de las sesiones de ordenadores, tabletas y móviles.

#Hotjar allows you to switch between device and heatmap types using a single click
Hotjar allows you to switch between device and heatmap types using a single click

Eso fue justo lo que hizo Vimcar. Durante el proceso de rediseño, Anna Grünanger, Head of Acquisition de Vimcar, detectó problemas de navegación en el sitio web del Reino Unido, en el que las funciones clave eclipsaban su CTA principal. Gracias a los insights que consiguieron con Hotjar, averiguaron que el 75 % de las personas usuarias de móviles pasaban por alto la CTA principal de Vimcar. Por lo tanto, movieron la CTA a la parte superior de la página y consiguieron aumentar considerablemente la interacción de los usuarios en páginas cruciales.

Los mapas de desplazamiento vertical de Hotjar ayudaron a Vimcar a averiguar dónde es mejor colocar sus contenidos para mejorar la experiencia de usuario en todos los dispositivos. Para cualquier empresa centrada en el cliente, estos datos son de un valor incalculable.

Aprovecha al máximo el seguimiento del desplazamiento vertical

Si comprendes cómo se desplazan verticalmente los visitantes por tu sitio web, podrás hacer cambios estratégicos con los que mejorar la experiencia de usuario y aumentar las conversiones. Pero, como has visto, no debes basarte únicamente en la profundidad de desplazamiento para hacer modificaciones importantes en tu sitio web, ya que solo te indicacómo interactúan las usuarias y los usuarios con tu sitio, pero no te explica por qué.

¿Cuál es la solución? Utilizar Hotjar, la herramienta de analítica del comportamiento que te permite comprender totalmente cómo se comportan tus usuarios gracias a un conjunto de sofisticadas herramientas, como grabaciones de sesiones, mapas de calor y feedback de usuario.

¿Quieres mejorar ya la experiencia de usuario de tu sitio web?

Configura tu mapa de desplazamiento vertical hoy mismo

Crea una cuenta gratuita de Hotjar, añade el código de seguimiento a tu sitio web y averigua cómo se desplazan verticalmente por él tus usuarios.

Preguntas frecuentes sobre el seguimiento del desplazamiento vertical