[TP] Práctica - Visualice y analice su experiencia de usuario (DEM)


En esta práctica, pondremos en uso las consultas USQL y la creación de un Embudo (Funnel) para analizar la experiencia del usuario.

Lo que vas a aprender en este TP :
  • Acceder al entorno SaaS de Dynatrace
  • Preparar su espacio de trabajo para la práctica
  • Diferenciar los tipos de aplicaciones (Experience Vitals, Web, Mobile, Frontend)
  • Acceder a una aplicación para nuestro análisis
  • Comprender la puntuación Apdex de la aplicación
  • Comparar el Apdex de la semana actual con el de la semana pasada
  • Encontrar los Core Web Vitals de la aplicación
  • Identificar y mostrar los servicios que contribuyen al funcionamiento de la aplicación
  • Acceder a la vista Smartscape de la aplicación
  • Diferenciar los recursos 1st party, CDN y 3rd party
  • Mostrar específicamente los recursos 3rd party
  • Mostrar la distribución entre nuevos usuarios y usuarios que regresan (antiguos)
  • Mostrar los tipos de usuario (Real users, Synthetic, Robots)
  • Acceder a las sesiones de los usuarios
  • Verificar la activación del RGPD
  • Analizar los detalles de una sesión
  • Visualizar el replay de una sesión
  • Acceder a la interfaz User sessions query
  • Comprender la sintaxis básica de USQL
  • Filtrar sesiones de usuarios con errores
  • Usar funciones de agregación como GROUP BY
  • Comprender el concepto de un embudo (funnel)
  • Construir una consulta USQL de varios pasos
  • Analizar un recorrido de conversión de usuario

Requisitos previos y conexión


Lo que vas a aprender en esta sección :
  • Acceder al entorno SaaS de Dynatrace
  • Preparar su espacio de trabajo para la práctica

Para esta práctica, utilizaremos la plataforma SaaS dedicada. Debe conectarse a la siguiente dirección: https://wkf10640.apps.dynatrace.com/.
Póngase en contacto con su instructor para obtener las credenciales de conexión.

Descubrimiento de aplicaciones


Lo que vas a aprender en esta sección :
  • Diferenciar los tipos de aplicaciones (Experience Vitals, Web, Mobile, Frontend)
  • Acceder a una aplicación para nuestro análisis

Antes de analizar los datos, es importante comprender los diferentes tipos de aplicaciones administradas por Dynatrace y saber cómo acceder a ellas.
  1. Tipos de aplicaciones
    En Dynatrace, las aplicaciones se categorizan para adaptar mejor la recopilación de datos. ¿Cuál es la diferencia entre una aplicación Web, Mobile y Frontend?
  2. Acceso a la aplicación EasyTrade
    Para el resto de esta práctica, trabajaremos en la aplicación web 'EasyTrade' y la analizaremos en la aplicación de Dynatrace 'Frontend'. Encuentre y acceda a esta aplicación desde el menú principal.

Análisis de rendimiento


Lo que vas a aprender en esta sección :
  • Comprender la puntuación Apdex de la aplicación
  • Comparar el Apdex de la semana actual con el de la semana pasada
  • Encontrar los Core Web Vitals de la aplicación

El Apdex (Application Performance Index) y los Core Web Vitals son métricas para medir la satisfacción del usuario en cuanto al rendimiento y tiempos de respuesta de una aplicación.
  1. Comparación del Apdex
    Muestre la comparación entre el Apdex de esta semana y el de la semana pasada. Esto es muy útil en una empresa, por ejemplo, para verificar las ganancias o pérdidas de rendimiento tras una puesta en producción reciente (MEP).
  2. Core Web Vitals
    En esta sección, use la aplicación Experience Vitals para encontrar rápidamente los core web vitals de nuestra aplicación.

    Si desea detalles sobre la diferencia entre apdex vs core web vitals debe leer este artículo: Apdex vs Core Web Vitals.

Análisis de servicios subyacentes


Lo que vas a aprender en esta sección :
  • Identificar y mostrar los servicios que contribuyen al funcionamiento de la aplicación
  • Acceder a la vista Smartscape de la aplicación

Una aplicación Frontend generalmente se basa en varios servicios Frontend y Backend (APIs, bases de datos, etc.). Si una aplicación es lenta, puede provenir de uno de estos servicios.
  1. Mostrar los servicios conectados
    Encuentre cómo mostrar la lista de servicios que son llamados por la aplicación EasyTrade.
  2. Vista Smartscape (Smartscape topology)
    Encuentre cómo acceder a la vista Smartscape (Smartscape topology) específica de la aplicación EasyTrade para visualizar sus dependencias de extremo a extremo.

Análisis de recursos


Lo que vas a aprender en esta sección :
  • Diferenciar los recursos 1st party, CDN y 3rd party
  • Mostrar específicamente los recursos 3rd party

Durante la carga de la página, se descargan múltiples recursos (imágenes, scripts, CSS). Es crucial categorizarlos para identificar la fuente de lentitud (que a veces puede ser externa).
  1. Categorización de recursos
    Dynatrace clasifica automáticamente los recursos de su aplicación. Familiarícese con las diferentes categorías.
  2. Mostrar recursos 3rd party
    Muestre la lista de '3rd party resources' para la aplicación EasyTrade.

Comportamiento del usuario


Lo que vas a aprender en esta sección :
  • Mostrar la distribución entre nuevos usuarios y usuarios que regresan (antiguos)
  • Mostrar los tipos de usuario (Real users, Synthetic, Robots)

El análisis de comportamiento ayuda a comprender si su aplicación está atrayendo nuevos usuarios o reteniendo a los antiguos.
  1. Nuevos vs Antiguos usuarios
    Encuentre cómo mostrar la distribución entre la cantidad de usuarios nuevos (New users) y los usuarios conocidos/que regresan (Returning users).
    Tipos de usuarios
  2. Tipos de usuarios
    Encuentre cómo mostrar la distribución de los tipos de usuarios que visitan su aplicación.

    Diferencia entre tipos de usuarios:
    • Real users : Estos son los visitantes humanos reales que interactúan con su aplicación a través de su navegador o dispositivo móvil.
    • Synthetic : Estas son las ejecuciones de sus propios monitores sintéticos (robots de Dynatrace) configurados para probar la disponibilidad y el rendimiento de su aplicación.
    • Robots : Estos son los bots web, rastreadores (crawlers) y arañas (spiders) (ej: Googlebot, Bingbot) detectados automáticamente por Dynatrace.


    Tipos de usuarios

Sesiones de usuario


Lo que vas a aprender en esta sección :
  • Acceder a las sesiones de los usuarios
  • Verificar la activación del RGPD
  • Analizar los detalles de una sesión
  • Visualizar el replay de una sesión

Análisis detallado de sesiones individuales.

Riesgo RGPD: La recopilación de datos de sesión puede incluir información de identificación personal (PII). Es crucial asegurarse de obtener el consentimiento del usuario y enmascarar los datos confidenciales para cumplir plenamente con el RGPD.
  1. Acceder a las sesiones de los usuarios
    Encuentre cómo enumerar todas las sesiones de usuarios para la aplicación.
  2. Estado del RGPD
    Compruebe si la opción de cumplimiento de privacidad (Data privacy / GDPR) está habilitada correctamente para esta aplicación.

    Configuración de recopilación: Para configurar esto, vaya a la configuración de la aplicación (Settings) > Data privacy. Puede habilitar el 'Opt-in mode' allí (que requiere el consentimiento explícito a través de una cookie) y configurar el enmascaramiento de direcciones IP, pulsaciones de teclas y datos de sesión (Masking).

    Consulte este artículo para obtener más detalles: Gestión del RGPD en Dynatrace.
  3. Detalles de una sesión
    Abra una sesión de usuario específica y explore los detalles disponibles.
  4. Replay de sesión
    Encuentre cómo iniciar 'Session Replay' (si está disponible) para ver la pantalla del usuario como si fuera un video.

    Generación de Session Replay: Dynatrace no captura un flujo de video estándar (lo que sería pesado y plantearía fuertes problemas de seguridad). En su lugar, registra mutaciones del DOM (HTML/CSS) y eventos (ratón, desplazamiento) en el lado del navegador, que luego reconstruye como una 'película'. Los campos de entrada de contraseñas se enmascaran automáticamente.

Consultas USQL


Lo que vas a aprender en esta sección :
  • Acceder a la interfaz User sessions query
  • Comprender la sintaxis básica de USQL
  • Filtrar sesiones de usuarios con errores
  • Usar funciones de agregación como GROUP BY

Las aplicaciones DEM de Dynatrace muestran información en una estructura fija. Para permitirle organizarlas como desee en un panel de control, Dynatrace proporciona el lenguaje User Session Query Language (USQL) para consultar datos de sesiones de usuario.

USQL (User Session Query Language) es el lenguaje de consulta de Dynatrace para analizar datos DEM. Su sintaxis es muy similar a la instrucción estándar SQL SELECT.

Las 4 tablas USQL:
  • usersession : Contiene información global sobre la sesión (ej: sistema operativo, duración, ubicación).
  • useraction : Contiene datos sobre cada acción del usuario (ej: carga de página, clic).
  • userevent : Contiene eventos personalizados desencadenados durante la sesión.
  • usererror : Agrupa todos los errores (JavaScript, solicitudes de red) encontrados por el usuario.
  1. Acceder a User sessions query
    Encuentre cómo acceder a la interfaz de consulta de sesiones de usuario (User sessions query).
  2. Consulta básica
    Escriba una consulta USQL para listar todas las sesiones de usuarios que encontraron al menos un error (error de JavaScript, error de red, etc.).
    Consejo: La interfaz ofrece una función de autocompletado muy útil. No dude en usarla para construir fácilmente sus consultas USQL sin tener que memorizar toda la sintaxis.
  3. Análisis por navegador
    Escriba una consulta USQL para contar el número de sesiones agrupadas por familia de navegadores (browserFamily) para identificar los navegadores más utilizados.

    Modos de visualización: Una vez ejecutada la consulta, puede modificar la forma en que se presentan los resultados utilizando las opciones de visualización (tenga en cuenta que algunos modos de visualización requieren un formato de datos específico):
    • Table only: Visualización estándar en tabla de datos.
    • Bar chart: Representación en diagrama de barras, ideal para comparar volúmenes entre diferentes categorías (como aquí, el número de sesiones por navegador).
    • Pie chart: Representación en gráfico de sectores (tarta), perfecto para visualizar la proporción de cada categoría respecto al total.
    • Line chart: Representación en curva de tiempo (requiere incluir una dimensión de tiempo en la consulta).
    • Single value: Muestra un solo valor (útil para consultas que devuelven un solo resultado como un COUNT global).
    • Funnel: Representación en embudo para visualizar los abandonos en cada paso de un recorrido.
  4. Añadir al panel de control clásico
    Encuentre cómo agregar el resultado de su consulta USQL a un panel de control clásico (Dashboard classic) para poder verlo rápidamente más tarde sin tener que volver a escribir la consulta.

Construcción de un Embudo (Funnel)


Lo que vas a aprender en esta sección :
  • Comprender el concepto de un embudo (funnel)
  • Construir una consulta USQL de varios pasos
  • Analizar un recorrido de conversión de usuario

Los embudos (funnels) permiten identificar en qué paso los usuarios abandonan un determinado recorrido. Para este ejercicio, utilizaremos la aplicación 'HipsterShopLogs'.
  1. Identificación de cargas de página
    Cree una consulta USQL para listar las páginas cargadas (acciones de tipo 'Load') para la aplicación 'HipsterShopLogs', agrupándolas por nombre y contando el número de ocurrencias.

    Información: Esta consulta no es obligatoria para crear un embudo. Sin embargo, cuando no se está muy familiarizado con una aplicación, resulta muy útil para identificar las páginas y acciones relevantes a incluir en los diferentes pasos de su funnel.
    Tipos de usuarios
  2. Creación del embudo de conversión
    Cree una consulta USQL que genere un funnel de 4 pasos simulando un recorrido clásico, por ejemplo: Página de inicio -> Lista de productos -> Ver carrito -> Pago.

Nivel de dificultad: (3/5)

Articles recommandés

Grafana Alloy: Perfilado Continuo con Pyroscope

Descubra cómo configurar el perfilado continuo (Continuous Profiling) en sus ...

Glossaire de la formation

Observabilidad

La capacidad de conocer el estado interno de un sistema a partir de los datos que emite.Estos datos se clasifican en 3 pilares: logs (registros)métric...

CI/CD

Integración Continua y Despliegue Continuo. Prácticas DevOps destinadas a automatizar las pruebas y el despliegue de aplicaciones para entregar de for...

Dynatrace

Plataforma de observabilidad completa basada en inteligencia artificial (Davis), que ofrece monitorización de aplicaciones (APM), infraestructura y ex...

APM (Application Performance Monitoring)

Monitorización del rendimiento de aplicaciones para identificar, diagnosticar y resolver problemas complejos relacionados con el rendimiento y la disp...

SLA (Service Level Agreement)

Contrato oficial concluido entre un proveedor de servicios y su cliente, definiendo el nivel de servicio esperado (disponibilidad, tiempo de respuesta...

SLO (Service Level Objective)

Objetivo interno cuantificado definido por el equipo técnico (SRE) sobre el nivel de fiabilidad de un servicio (ej: 99.9% de disponibilidad). Relación...

SLI (Service Level Indicator)

Métrica cuantitativa real que mide el nivel de servicio proporcionado en producción (ej: tasa de éxito de solicitudes, latencia media). Relación: El S...

DEM (Digital Experience Monitoring)

Monitorización de la Experiencia Digital. Engloba las tecnologías que permiten rastrear y optimizar la experiencia de los usuarios finales en las apli...

RUM (Real User Monitoring)

Monitorización de Usuarios Reales. Técnica de observabilidad pasiva que captura y analiza cada interacción de los usuarios con una aplicación web o mó...

Synthetic Monitoring

Monitorización Sintética. Técnica de observabilidad activa que utiliza scripts automatizados (bots) para simular el recorrido de los usuarios y verifi...

Trazas distribuidas

Técnica (proveniente del pilar de Trazas) que permite seguir el recorrido completo de una solicitud a través de múltiples microservicios para identifi...

Métricas

Medidas numéricas recopiladas a intervalos regulares (ej: CPU, RAM, tiempo de respuesta) utilizadas para evaluar el estado de salud general de un sist...

AIOps (Artificial Intelligence for IT Operations)

Uso de la inteligencia artificial y el aprendizaje automático para automatizar y mejorar las operaciones informáticas (ej: detección de anomalías, red...

OpenTelemetry

Framework de código abierto que proporciona estándares, APIs y SDKs para recopilar y exportar datos de observabilidad (trazas, métricas, logs) de mane...