Empezando con Session Replay
Session Replay es una herramienta visual que recrea las sesiones de usuario de tus aplicaciones, que ofrece una visión detallada, similar a la de vídeo, de cómo interactúan realmente los clientes con tu producto. Session Replay enriquece los datos cuantitativos tradicionales —como los clics Counts, las tasas de rebote y las métricas de páginas vistas— con el contexto cualitativo que necesitas para analizar las acciones de tus usuarios.
Esta página te guiará a través de Empezando con Session Replay en Datadog. Si aún no lo has hecho, crea una cuenta en Datadog .
Configurar Session Replays
Session Replay está disponible para aplicaciones de navegador y aplicaciones móviles. Los ejemplos de esta guía muestran el uso de Session Replay con una aplicación de navegador.
Para empezar a recopilar datos para Session Replay:
- Configura Monitorización del navegador de RUM de Datadog creando una aplicación RUM [asegúrate de activar Session Replay Enabled (Session Replay habilitada) para acceder a las grabaciones de la repetición].
- Generar un Client Token (Token de cliente).
- Inicializa el SDK del navegador de RUM insertando el código de Configuración generado al crear la aplicación RUM en la fuente de tu aplicación.
Hasta que Datadog empiece a recibir datos, tu aplicación aparecerá como pending
en la página RUM Applications (Aplicaciones de RUM).
Para obtener instrucciones más detalladas sobre la recopilación de datos de Session Replay, sigue la Documentación de configuración de RUM para tu aplicación. Para configurar Session Replay en aplicaciones móviles, consulta Session Replay para móvil.
Buscar Session Replays concretas
Una vez que estés recopilando datos de Session Replay, ve al Explorador de RUM y selecciona Session Replay available (Session Replay disponible) para ver todas las sesiones con una repetición adjunta. Puedes visualizar estos datos como List (Lista), Timeseries (Cronologías) u otro formato.
Supongamos que te han informado de que un cliente ha tenido problemas con su aplicación en un dispositivo móvil. Puedes filtrar Sesiones utilizando facets (facetas). En este caso, filtrar por faceta es útil para buscar información específica, como un usuario o un tipo de dispositivo concretos.
Es probable que hayas creado una Vista guardada que te muestra todas las sesiones que contienen un error específico que genera tu aplicación. Abrir esta vista es útil cuando sabes dónde está el problema y quieres ver repeticiones de sesiones de usuarios que lo encuentran.
Examinar el recorrido del usuario
La repetición de la sesión tiene el aspecto de vídeo a la izquierda, con las herramientas de navegación estándar de vídeo. Inicia la repetición desde el principio haciendo clic en play, y observa todo lo que hizo un usuario en particular.
El User Journey (Recorrido del usuario) es una cronología de evento en la parte derecha de la página. Puedes navegar a cualquier momento del recorrido del usuario haciendo clic en evento en la lista. También puedes realizar un seguimiento de todas las acciones y errores que se producen en cada vista haciendo clic en Session Breakdown (Desglose de la sesión).
Selecciona Events (eventos) para filtrar la lista del recorrido del usuario por los siguientes tipos de evento:
- View (Ver)
- Action (Acción)
- Error (Error)
- Frustration Signal (Señal de frustración)
Al pasar el ratón por encima de un momento determinado o de una vista del recorrido del usuario, selecciona Detalles (Detalles) para examinar Core Web Vitals y otra información pertinente, sin salir de la repetición.
En la página Detalles, puedes ampliar la vista en cascada para obtener información más detallada.
Abre las herramientas de desarrollo del navegador de Session Replay para explorar el rendimiento de tu aplicación, la consola logs, los errores y los atributos de la aplicación o del usuario asociados a la repetición actual.
Pasar a datos correlacionados
Session Replay se integra con métricas, trazas (traces), y logs de tu aplicación para ofrecerte un contexto útil para la depuración de problemas. El uso de APM y Error Tracking junto con Session Replay te permite investigar la causa raíz de los problemas de cara al usuario, independientemente de dónde se originen en su stack.
Investigación del rendimiento de las solicitudes con trazas (traces) de APM
Las trazas (traces) de APM asociadas con una repetición de sesión te da visibilidad de extremo a extremo a través de problemas de frontend y backend, y te permite ver cómo el código y la infraestructura están impactando en tu experiencia de usuario. Disponer de trazas (traces) de stack completas puede ser útil si no estás seguro de si un error se está produciendo en el frontend o en el backend de tu aplicación.
Selecciona una repetición con trazas (traces) para ver la solicitud del navegador, así como todas las dependencias de backend y servicios a los que se recurre para satisfacer la solicitud en una página específica.
Selecciona View Trace in APM (Ver rastrear en APM) para ver información más detallada, incluidos los errores y logs asociados a la traza (trace).
Investigación de errores con el rastreo de errores
El Rastreo de errores es útil para depurar problemas y llegar a la causa raíz. Puedes recibir alertas cuando se produce un error, ver la línea exacta de código que lo ha provocado y pivotar para ver la sesión de usuario en la que se ha producido el error.
En la pestaña Errors (Errores), selecciona un error para ver el mensaje y la hora en la que se produjo. Haz clic en Issue in error tracking (Problema en el rastreo de errores) para ver más detalles y atributos asociados a la sesión.
¿Qué es lo que sigue?
Crear pruebas de navegador Sintético a partir de Session Replays
Puedes crear una prueba de navegador Sintético a partir de la secuencia exacta de pasos que siguieron tus usuarios en una Session Replay. Datadog ejecuta pruebas de Sintético en una programación automatizada que tú defines, para simular el comportamiento del usuario, que te informa de las pruebas que fallan sin que tus usuarios tengan que volver a encontrarse con el problema.
Para capturar una repetición de sesión en una prueba de navegador Sintético, haz clic en Generate Synthetic Browser Test (Generar prueba de navegador Sintético) encima de la cronología del evento.
Para obtener más información sobre la gestión, ejecución e interpretación de los resultados de las pruebas, lee Pruebas de navegador Sintético.
Comparte con tu equipo
Puedes compartir la repetición con tu equipo seleccionando el menú desplegable Share (Compartir) en la parte superior de la página. Puedes iniciar la repetición en un momento específico para dirigir la atención de tu equipo a un momento y una vista concretos de la repetición.
Leer más
Más enlaces, artículos y documentación útiles: