Una captura de pantalla de Heatmap es la imagen de la página de su sitio que se muestra debajo de los datos de calor. La captura de pantalla se genera utilizando una sesión de usuario real capturada en nuestra herramienta de Recordings. Puede que decidas actualizar esta captura de pantalla porque faltan partes de tu página o cuando has cambiado el diseño de la página y te gustaría actualizar la captura de pantalla.
Este artículo te guiará a través del proceso de actualizar tu captura de pantalla o de hacer una nueva captura de pantalla tú mismo.
- Cómo utilizar la herramienta de actualización de capturas de pantalla
- Cómo capturar contenido dinámico y menús desplegables
- ¿Qué pasa si mi captura de pantalla sigue sin verse bien?
- ¿Qué ocurre si no veo el botón "Realizar nueva captura de pantalla"?
Cómo utilizar la herramienta de actualización de capturas de pantalla
Al visualizar un mapa térmico, haz clic en el icono de expansión para abrir el panel lateral.
Haz clic en una de las tres opciones disponibles.
La fecha de la captura de pantalla puede no ser de la sesión más reciente
Los datos de la sesión están vinculados al filtro de fecha que seleccione al visualizar un Heatmap. Hotjar intentará obtener una captura de pantalla de una sesión en la que la página que está analizando haya sido cargada completamente por un usuario. Por lo tanto, aunque la captura de pantalla siempre se extraerá de una sesión en el intervalo de fechas que seleccione, puede que no sea de la sesión más reciente. Para más información sobre filtros de fechas, visite ¿Cómo filtro los datos de sesión?
Actualizar la captura de pantalla automáticamente
- Busca automáticamente una de las Recordings más recientes en la que el usuario se haya desplazado más abajo en la página y actualiza la captura de pantalla.
- Si decide actualizar la captura de pantalla, no podrá volver a la captura anterior.
Hacer una nueva captura de pantalla
Esta opción es útil si su sitio utiliza contenido dinámico, como elementos "lazy-load" que sólo aparecen cuando el usuario se desplaza por la página.
Haga clic en Realizar una nueva captura de pantalla en el panel lateral.
Se abrirá una nueva ventana y se cargará su sitio.
Desplácese hasta la parte inferior de la página.
Asegúrese de que todo el contenido dinámico de la página esté completamente cargado y, a continuación, haga clic en Tomar nueva captura de pantalla:
Ver clics en ventanas emergentes y desplegables
Esta opción es útil si quieres capturar una ventana emergente o un contenido que sólo es visible cuando un usuario pasa el ratón o hace clic en una determinada zona de la página, como un menú desplegable.
Haga clic en Ver clics en ventanas emergentes y desplegables en el panel lateral.
Se abrirá una nueva ventana que cargará su página.
Pasa el ratón por encima o haz clic en el elemento que quieras capturar para asegurarte de que está visible.
Haz clic en Tomar nueva captura de pantalla o utiliza el atajo de teclado Ctrl + K (Windows)/Cmd+ K (Mac) para capturar la pantalla:
Al utilizar cualquiera de estas opciones, la nueva captura de pantalla se utilizará para actualizar el informe del Heatmap. Los datos del Heatmap también se actualizarán en función del nuevo contenido visible.
Repita el proceso de actualización de la captura de pantalla para otros dispositivos para actualizar también sus capturas de pantalla
Realizar una nueva captura de pantalla para un dispositivo no actualizará las capturas de pantalla de todos los dispositivos. Para actualizar las capturas de pantalla de otros dispositivos, selecciona primero el tipo de dispositivo pertinente utilizando el selector de dispositivos situado en la parte derecha al visualizar un mapa térmico (por ejemplo, ordenador de sobremesa, tableta, móvil). A continuación, repita los pasos de Actualización de cap turas de pantalla indicados anteriormente para el dispositivo que haya seleccionado al visualizar el mapa térmico.
¿Qué ocurre si mi captura de pantalla sigue sin verse bien?
Si tu captura de pantalla sigue sin verse bien, hay varios motivos que pueden estar causando el problema. Los problemas de las capturas de pantalla pueden incluir que no se apliquen estilos o CSS, que la captura de pantalla esté cortada por la parte inferior, que falten elementos y espacios en blanco, o que se muestren elementos móviles en una captura de pantalla de escritorio.
Para ayudar a resolver estos problemas, consulte nuestro artículo Solución de problemas de capturas de pantalla de mapas térmicos. También le sugerimos que consulte nuestro artículo Limitaciones del mapa térmico en caso de que su sitio se encuentre dentro de una de las limitaciones del mapa térmico.
¿Qué ocurre si no veo el botón "Realizar nueva captura de pantalla"?
Si estás intentando utilizar la herramienta de captura de pantalla de la aplicación, pero no ves el botón para capturar la nueva pantalla, hay algunas causas posibles:
-
El código de seguimiento de Hotjar ya no se carga en la página de destino.
Esto puede ocurrir porque el código de seguimiento se ha eliminado de la página o sólo se carga en determinadas condiciones. Esto puede ocurrir a veces durante un rediseño de su sitio o si su sitio tiene criterios relacionados con scripts de terceros.
Solución: Consulte la guía Cómo verificar que Hotjar está instalado para asegurarse de que su Código de seguimiento está presente. También puede ser necesario consultar con el equipo de su sitio web para conocer las condiciones que pueden impedir que el código de seguimiento Hotjar en determinadas circunstancias.
-
El código de seguimiento está bloqueado por complementos o extensiones del navegador
Algunos ejemplos de extensiones del navegador que pueden impedir que el Código de seguimiento funcione son AdBlock y Ghostery.
Solución: Deshabilite todas las extensiones del navegador o utilice un navegador Chrome de incógnito para ver si se soluciona el problema. Una vez deshabilitadas las extensiones, debería aparecer el botón rojo de "cámara".
-
El código de seguimiento está siendo bloqueado por la configuración de seguridad de tu navegador.
Prueba a utilizar otro navegador para confirmar si el problema está relacionado con el navegador. Si puedes utilizar la herramienta de repetición en otro navegador, significa que algo está impidiendo que el botón aparezca en tu navegador normal.
Solución: Configura tu navegador para permitir "scripts de terceros", para evitar que bloquee Hotjar. Las guías para encontrar la configuración de tu navegador para activar/desactivar "scripts de terceros" están disponibles para Safari, Firefox, y Chrome.