Repetición de Sesiones

Característica Pro

Observa exactamente cómo interactúan los usuarios con tu sitio web. Repetición de Sesiones graba movimientos del ratón, clics, desplazamientos e interacciones de página para que puedas entender el comportamiento del usuario a nivel individual.

---

Descripción General

Repetición de Sesiones captura una grabación tipo video de sesiones de usuario sin grabar video realmente. Usando snapshots del DOM y cambios incrementales, las repeticiones son ligeras (~50-100KB por sesión) pero proporcionan fidelidad completa de la experiencia del usuario.

Beneficios Clave

• Depura Problemas Más Rápido: Ve exactamente qué experimentaron los usuarios antes de reportar un bug
• Identifica Problemas de UX: Observa a los usuarios luchar con interfaces confusas
• Mejora Conversiones: Entiende por qué los usuarios abandonan flujos de checkout o signup
• Valida Cambios: Confirma que las nuevas características funcionan como se esperaba en producción
• Privacidad Primero: Enmascara automáticamente datos sensibles como contraseñas y tarjetas de crédito

---

Habilitando Repetición de Sesiones

Paso 1: Habilitar en el Panel

1. Abre Dominios, haz clic en tu sitio, luego ve a la sección Configurar y selecciona Indicadores de función
2. Activa Repetición de Sesiones
3. Configura tu modo de grabación (ver Modos de Activación)
4. Guarda los cambios

Paso 2: Verificar Instalación

El script de seguimiento comienza automáticamente a grabar una vez habilitado. Verifica que funcione:

1. Visita tu sitio web
2. Realiza algunas interacciones (clics, desplazamientos, escritura)
3. Abre Dominios → tu sitio → pestaña Sesiones en tu panel de Zenovay
4. Tu sesión debe aparecer dentro de 30 segundos

---

Modos de Activación

Controla cuándo se graban y se suben las sesiones para optimizar almacenamiento y enfocarte en lo que más importa.

Todas las Sesiones (all)

Graba y sube cada sesión.

Mejor para:

• Productos en etapa temprana que necesitan máxima visibilidad
• Sitios web con bajo tráfico
• Entornos de prueba y QA

Configuración:

{
  "session_replay_trigger": "all"
}

Solo Errores (errors_only)

Siempre graba en segundo plano, pero solo sube sesiones donde ocurren errores de JavaScript. Usa captura retroactiva para incluir eventos previos al error.

Mejor para:

• Entornos de producción con alto tráfico
• Equipos enfocados en depuración
• Uso consciente del costo

Configuración:

{
  "session_replay_trigger": "errors_only"
}

Cómo funciona:

1. La grabación comienza inmediatamente en el buffer de memoria
2. Cuando ocurre un error, el buffer se vacía y se sube
3. Obtienes contexto completo de lo que sucedió antes del error

Modo Inteligente (smart)

Sube inteligentemente sesiones basándose en múltiples señales:

• Errores de JavaScript: Cualquier excepción no manejada
• Señales de Frustración: Clics furiosos, clics muertos, abandono de formularios
• Visitantes de Alto Valor: Visitantes mostrando intención de compra o engagement

Mejor para:

• Cobertura equilibrada sin abrumar con datos
• Equipos de producto enfocados en optimización de UX
• Optimización de conversión de e-commerce

Configuración:

{
  "session_replay_trigger": "smart"
}

La detección de frustración incluye:

• Clics furiosos: 3+ clics en la misma área dentro de 500ms
• Clics muertos: Clics en elementos no interactivos
• Frustración de formulario: Múltiples envíos fallidos de formulario
• Desplazamiento erático: Desplazamiento rápido arriba-abajo

---

Controles de Privacidad

Repetición de Sesiones está diseñada con privacidad como principio central. La información sensible está protegida automáticamente.

Enmascaramiento Automático

Por defecto, Zenovay enmascara:

• Campos de contraseña (<input type="password">)
• Campos de tarjeta de crédito (<input type="cc-number">, etc.)
• Números de seguro social
• Campos de correo electrónico (configurable)
• Cualquier elemento con data-private

Enmascaramiento Manual

Añade el atributo de máscara a cualquier elemento:

<!-- Enmascara contenido sensible -->
<div data-private>
  Este contenido será ocultado en las repeticiones
</div>

<!-- Enmascara campo de formulario -->
<input type="text" name="ssn" data-private />

Bloquear Grabación Completamente

Excluye elementos o secciones específicas de la grabación:

<!-- No grabes esta sección en absoluto -->
<div data-private>
  <video><!-- Contenido de video no grabado --></video>
</div>

Cumplimiento GDPR

• Sin cookies requeridas: Repetición de Sesiones funciona solo con datos de origen
• Minimización de datos: Solo se graban cambios del DOM, no valores reales
• Derecho al olvido: Las sesiones pueden eliminarse bajo solicitud
• Integración de consentimiento: Respeta las preferencias de consentimiento del visitante

Ver Cumplimiento GDPR para configuración detallada.

---

Visualizando Sesiones

Lista de Sesiones

Abre Dominios → tu sitio → pestaña Sesiones para ver todas las sesiones grabadas.

Filtra por:

• Rango de fechas
• Tipo de dispositivo
• País
• Tiene errores
• Tiene señales de frustración
• Duración de la sesión

Ordena por:

• Más reciente
• Duración más larga
• Más errores
• Puntuación de frustración más alta

Reproductor de Sesiones

Haz clic en cualquier sesión para abrir el reproductor de repetición.

Características del Reproductor:

• Reproducir/Pausar: Controles de reproducción estándar
• Velocidad: Velocidad de reproducción 1x, 2x, 4x
• Línea de Tiempo: Busca a cualquier punto en la sesión
• Marcadores de Evento: Ve clics, errores y eventos de frustración en la línea de tiempo
• Consola: Ver errores de JavaScript que ocurrieron
• Red: Ver solicitudes API fallidas (Enterprise)

Atajos de Teclado:

• Espacio: Reproducir/Pausar
• ← / →: Saltar 5 segundos
• 1 / 2 / 4: Establecer velocidad de reproducción
• F: Alternar pantalla completa

---

Metadatos de Sesión

Cada sesión captura información contextual:

---

Integración con Seguimiento de Errores

Cuando Seguimiento de Errores está habilitado, las repeticiones de sesiones se vinculan automáticamente a los errores.

Contexto de Error

Desde cualquier error en tu panel de errores:

1. Haz clic en Ver Sesión
2. La repetición se abre en el momento en que ocurrió el error
3. Busca hacia atrás para ver qué condujo al error

Correlación de Stack Trace

Los stack traces de errores se muestran junto a la línea de tiempo de repetición, mostrando exactamente cuándo y dónde el código falló.

---

Almacenamiento y Retención

Almacenamiento de Datos

Los datos de repetición de sesiones se almacenan en Cloudflare R2 (almacenamiento compatible con S3) con:

• Encriptación en reposo: AES-256
• Redundancia geográfica: Replicación de múltiples regiones
• Almacenamiento en caché de borde: Reproducción rápida desde la ubicación más cercana

Períodos de Retención

Las sesiones se limpian automáticamente después del período de retención.

---

Impacto en el Desempeño

Repetición de Sesiones está diseñada para un impacto mínimo:

Consejos de Optimización

1. Usa modo de activación apropiado: errors_only o smart para sitios con alto tráfico
2. Bloquea elementos pesados: Excluye videos, animaciones complejas, iframes
3. Grabación de muestra: Usa tasa de muestreo para tráfico muy alto

---

Referencia de Configuración

Configura repetición de sesiones a través de configuración de sitio web:

{
  "feature_flags": {
    "enable_session_replay": true,
    "session_replay_trigger": "smart",
    "replay_sampling_rate": 0.02
  }
}

Opciones

---

Solución de Problemas

Las Sesiones No Aparecen

1. Verifica que la función está habilitada: Dominios → tu sitio → Configurar → Indicadores de función → Repetición de Sesiones
2. Verifica modo de activación: errors_only no subirá hasta que ocurra un error
3. Revisa la consola del navegador: Busca mensajes de inicialización de Zenovay
4. Espera por la subida: Las sesiones se suben cuando el usuario sale de la página o después de 2 minutos

La Repetición No se Reproduce

1. Verifica integridad de datos: La sesión puede tener datos incompletos
2. Intenta navegador diferente: Algunos navegadores antiguos tienen problemas de reproducción
3. Recarga la página: Limpia el caché del navegador e intenta de nuevo

Enmascaramiento de Privacidad No Funciona

1. Verifica sintaxis del atributo: Usa data-private (no data-mask)
2. Revisa elementos padre: El enmascaramiento no hereda de padres
3. Inspecciona DOM: Asegúrate de que el atributo está presente en el HTML renderizado

---

Acceso API

Accede a datos de sesión programáticamente a través de Sessions API.

Listar Sesiones

GET /api/websites/:websiteId/sessions
Authorization: Bearer YOUR_API_KEY

Obtener Eventos de Sesión

GET /api/replay/:sessionId
Authorization: Bearer YOUR_API_KEY

---

Mejores Prácticas

1. Comienza con modo smart - Obtén las sesiones más valiosas sin abrumar el almacenamiento
2. Enmascara agresivamente - Cuando dudes, enmascara contenido sensible
3. Revisa regularmente - Programa revisión semanal de sesiones para insights de UX
4. Comparte con el equipo - Usa links de sesiones para comunicar issues
5. Combina con analíticas - Usa datos cuantitativos para encontrar sesiones a observar

---

Próximos Pasos

• Seguimiento de Errores - Captura automáticamente errores de JavaScript
• Mapas de Calor - Ve patrones de clics y desplazamientos agregados
• Cumplimiento GDPR - Configura ajustes de privacidad