La guía completa de
Repetición de sesión

Imagina sentarte junto a tus usuarios mientras navegan por tu sitio web. Sería estupendo, ¿verdad? Vivirías de primera mano el tipo de problemas con los que se topan y verías las partes de tu aplicación que no entienden y que les generan frustración.

Imagina ahora poder apartarlos cuando surgen esos problemas y abrir las herramientas de desarrollo de su navegador para entender qué salió mal. ¿No sería increíble?

Aquí es donde entra en juego la repetición de sesión. Te permite observar cómo navegan tus usuarios por tu aplicación web y ver qué ocurrió tras bambalinas, de modo que puedas reproducir fácilmente la situación si algo sale mal.

Las herramientas de repetición de sesión pueden dar respuesta a muchas áreas distintas dentro de una misma empresa, lo que hace aún más difícil elegir la alternativa adecuada.

• ¿Quieres ver cómo interactúan los usuarios con la nueva actualización de diseño? ¡La repetición de sesión te tiene cubierto!
• ¿Intentas averiguar por qué la app se sigue bloqueando? La repetición de sesión puede responder a esa pregunta.
• ¿Tienes curiosidad por saber cómo reaccionan los usuarios ante las funciones recién lanzadas? Lo adivinaste, ¡la repetición de sesión también puede ayudar!

Veamos algunos de los casos de uso más comunes en los que las herramientas de repetición de sesión brillan como ninguna otra.

La tecnología de repetición de sesión es tan versátil que aporta valor a distintos equipos dentro de una organización. Esa es una de las razones por las que existen tantas alternativas de repetición de sesión en el mercado. Cada una se centra en personas y casos de uso diferentes. Apenas hay alguna herramienta que las abarque todas juntas. Así que asegúrate de tener en mente a tu usuario interno y su caso de uso principal al elegir tu herramienta de repetición de sesión.

Arrojemos algo de luz sobre lo que ocurre tras bambalinas al capturar y reproducir una grabación de sesión. Algunas partes pueden ser técnicas, pero no te preocupes; todo cobrará sentido.

¿Qué se captura realmente dentro de las repeticiones de sesión?

Los datos recopilados pueden variar de una herramienta de repetición de sesión a otra. Recuerda que estas herramientas pueden dirigirse a distintas personas dentro de una organización y, por tanto, atender algunos casos de uso pero no otros. Dicho esto, las mejores herramientas deberían ser capaces de capturar los siguientes elementos:

• Comportamiento de los usuarios: Hablamos de clics, movimientos del ratón, desplazamientos, vacilaciones y más. ¿Los usuarios se desplazan por encima de mensajes importantes? ¿O quizá están haciendo clic con rabia en algunos botones? Estos datos son valiosos para sacar a la luz las principales frustraciones.
• Mutaciones del DOM: Cuando visitas un sitio web, tu navegador descarga y luego ensambla diversos elementos, como imágenes, texto y vídeos, antes de renderizar cada página. El Document Object Model (DOM) actúa como traductor entre estos elementos y tu navegador, permitiendo que las páginas web se ensamblen y se rendericen. Las herramientas de repetición de sesión detectan cuándo se actualiza alguno de estos elementos y capturan estas mutaciones (cambios) como parte de la repetición. Las mutaciones del DOM son los ingredientes esenciales de las grabaciones de sesión. Son los fotogramas que componen la repetición.
• Herramientas de desarrolloSon herramientas que ofrecen los navegadores y que ayudan a los desarrolladores a reproducir todo tipo de problemas en sus entornos de prueba locales. Cosas como las solicitudes y los payloads de red, los errores de JavaScript, los registros y el estado de la aplicación web, entre otras. Algunas herramientas de repetición sí capturan esos datos técnicos, para cada sesión de usuario, lo que hace que la depuración sea pan comido para los desarrolladores.
• Web vitals:Monitorear los tiempos de carga de tu aplicación web, no solo de las páginas sino también de sus diversos recursos, puede proporcionar información valiosa sobre cómo experimentan tu sitio tus usuarios. Además, métricas como la utilización de memoria y CPU pueden usarse para rastrear bloqueos y corregir las ralentizaciones de tu aplicación. Esto convierte a las herramientas de repetición de sesión en una pieza clave de tu stack de observabilidad.
• Frustraciones:Los rage clicks, el desplazamiento excesivo o los clics muertos son ejemplos de frustraciones de los usuarios que las plataformas de repetición de sesión pueden detectar. Identificarlas es el primer paso para ofrecer una mejor experiencia de producto a tus usuarios.
• Eventos personalizados: Esto abarca los eventos posteriores o anteriores de tu aplicación que quizá necesites registrar junto con cada sesión grabada. Rastrear eventos personalizados significa que puedes sincronizar esos fragmentos de datos con tus repeticiones para obtener un contexto mucho más rico.
• Metadatos:Información adicional sobre una grabación concreta. Cosas como los userIDs, los segmentos, las versiones de navegador, el país y más. Los metadatos se usan para filtrar las repeticiones y agregar datos.
• Recursos (assets):El almacenamiento en caché de ciertos recursos como imágenes, fuentes u hojas de estilo es un aspecto vital de cualquier plataforma de repetición de sesión. Imagina que grabas una sesión para tu nuevo sitio web y, un par de meses después, decides darle un aspecto totalmente nuevo. Ahora bien, si los recursos no se hubieran almacenado en caché, la grabación antigua simplemente quedaría rota, ya que no podría hacer referencia a sus hojas de estilo y fuentes anteriores. Por eso el almacenamiento en caché de los recursos es tan importante: garantiza que tu repetición se mantenga fiel a su forma original, sin importar cuánto tiempo haya pasado.

En lugar de grabar vídeo (lo que consumiría mucho ancho de banda), estas herramientas capturan datos de eventos que más adelante pueden reconstruirse en una repetición visual.

Procesamiento de datos

Una vez recopilados, los datos pasan por varias etapas de procesamiento:

• Compresión para reducir el tamaño de los datos
• Eliminación de información sensible (según tu configuración de privacidad)
• Indexación para permitir búsquedas
• Asociación con otras métricas y eventos

Este procesamiento garantiza que los datos se almacenen de forma eficiente y puedan recuperarse rápidamente cuando se necesiten.

Reconstrucción de la repetición

Cuando ves una repetición de sesión, la herramienta reconstruye la experiencia del usuario:

• Reconstruye el DOM tal como se le mostraba al usuario
• Reproduce las interacciones del usuario en secuencia
• Anima los movimientos del cursor
• Muestra las entradas de formulario y sus cambios
• Muestra los datos técnicos junto a la repetición visual

Esta reconstrucción proporciona una representación muy precisa de lo que experimentó el usuario, permitiéndote ver tu aplicación a través de sus ojos.

Integración con otras herramientas

La mayoría de las herramientas de repetición de sesión pueden integrarse con otros sistemas de tu stack tecnológico:

• Herramientas de rastreo de errores como Sentry
• Plataformas de análisis como Google Analytics
• Sistemas de soporte al cliente como Intercom o Zendesk
• Soluciones de CRM como Salesforce

Estas integraciones potencian el valor de la repetición de sesión al conectar el comportamiento de los usuarios con otras métricas y flujos de trabajo de negocio.

La mayoría de las herramientas de repetición de sesión permiten a los desarrolladores tener control sobre lo que se graba y lo que se sanea (sanitized). Los elementos saneados no se envían al servidor. De hecho, nunca salen del navegador de tu usuario. En su lugar, se enmascaran (es decir, el texto se reemplaza por asteriscos y las imágenes por placeholders) o no se rastrean (los datos simplemente se ignoran).

Por ejemplo, supongamos que la página de perfil de usuario de tu sitio contiene información personal que debe sanearse, como la dirección y el número de teléfono. El equipo de desarrollo podría marcar estos campos como "enmascarados" para el tracker. Con eso, cada vez que un usuario visite la página de perfil, el tracker sanearía esos campos reemplazando su contenido por asteriscos. El resultado es una repetición debidamente saneada que sigue capturando por completo el recorrido del usuario sin revelar ninguna Información de Identificación Personal (PII).

Cumplimiento

Si tienes datos de PII, siempre hay políticas de privacidad internas que seguir y regulaciones externas que cumplir.

Las políticas impuestas internamente pueden ir desde restricciones de seguridad en torno a la infraestructura hasta el software que puedes instalar. En cuanto a la regulación internacional, las tres más importantes son:

En cuanto a los cumplimientos externos, los tres más importantes son:

• GDPR Se aplica al recopilar datos de ciudadanos de la UE. El GDPR también permite a los usuarios pedirte que elimines sus datos de tus bases de datos. Esto, por supuesto, abarca los datos de repetición de sesión.
• HIPPA Esta es específica para los datos relacionados con la salud. Si recopilas este tipo de información sobre tus usuarios, lo más probable es que ya estés cumpliéndola.
• CCPA Similar al GDPR, pero para los residentes de California, en los Estados Unidos.

Si no formas parte del sector sanitario y tu sitio web es accesible a nivel mundial, es muy probable que tengas que cumplir con el GDPR y el CCPA. Añadir una herramienta de repetición de sesión a la mezcla puede parecer un obstáculo adicional que sortear. Sin embargo, estas herramientas resuelven las preocupaciones sobre la privacidad de los datos mediante el saneamiento y otros controles detallados. Los desarrolladores pueden indicarle al tracker qué datos rastrear y cuáles ignorar. De esa manera, las PII se mantienen seguras dentro del navegador de tu usuario y no se transmiten al servidor.

Por lo tanto, siempre es importante revisar y entender cómo pueden tratar los datos personales las herramientas de repetición de sesión para que puedas atenerte a las regulaciones vigentes.

Propiedad y seguridad de los datos

Aunque los datos estén saneados, ¿a quién pertenecen? ¿Y cómo puedes garantizar que se procesen y almacenen de forma segura? Esto puede dar dolores de cabeza a muchos equipos de cumplimiento y de seguridad.

Si bien la mayoría de las herramientas vienen en forma de aplicaciones SaaS, algunas soluciones de repetición de sesión te permiten autoalojar toda su plataforma en tus propias instalaciones. Eso significa que eres el propietario de los datos, que también residen en tus servidores, cumpliendo así con tus políticas internas de seguridad y privacidad.

Este es un punto crucial. Asegúrate de ser plenamente consciente de los detalles al decidir qué plataforma de repetición de sesión elegir.

Entender los modelos de precios de la repetición de sesión te ayuda a tomar decisiones fundamentadas y a evitar costos inesperados. Exploremos las estructuras de precios comunes y los aspectos a tener en cuenta.

Modelos de precios comunes

Las herramientas de repetición de sesión suelen usar uno de estos modelos de precios:

Costos ocultos a tener en cuenta

Más allá del precio base, ten presentes estos posibles costos adicionales:

• Duración del almacenamiento: Los períodos de retención más largos suelen costar más
• Funciones avanzadas: Algunas herramientas cobran un extra por funciones como los mapas de calor o el rastreo de errores
• Costos de integración: Conectar otras herramientas de tu stack puede generar cargos
• Soporte de implementación: La asistencia técnica durante la configuración podría suponer un costo adicional
• Retención de datos personalizada: Los requisitos especiales de cumplimiento podrían afectar al precio

Pregunta siempre por estos posibles costos durante tu proceso de evaluación.

Con tantas herramientas de repetición de sesión en el mercado, elegir la adecuada para tus necesidades puede ser un reto. Esto es lo que debes considerar durante tu proceso de evaluación.

Funciones esenciales

Facilidad de implementación

Un tracker de repetición de sesión no debería requerir más que unas pocas líneas de código para empezar, independientemente de tu stack tecnológico. Una vez completada la configuración básica, deberías fijarte en lo fácil que es ampliar sus capacidades. Cuanta más flexibilidad ofrezca la herramienta, mayor será la probabilidad de que encaje en tu caso de uso.

Un tracker ideal debería ser fácil de configurar con un mínimo de código, pero al mismo tiempo debería brindarte todas las opciones que necesitas para personalizarlo como mejor te parezca. Esto incluye capturar eventos personalizados, sanear datos, añadir información extra a las sesiones y más. Todo esto debería lograrse minimizando el impacto en el rendimiento.

Herramientas de desarrollo potentes

Para aprovechar el poder de la repetición de sesión en beneficio de tus desarrolladores frontend, es importante proporcionar un entorno que se asemeje mucho a lo que ya conocen y usan a diario. De hecho, todo navegador importante viene con alguna variante de las Herramientas de desarrollo, un conjunto de herramientas técnicas que ayudan a los desarrolladores, en su trabajo diario, a reproducir y depurar todo tipo de problemas.

Una herramienta de repetición de sesión ideal debería ser capaz de capturar esas pistas técnicas y proporcionar una experiencia de depuración familiar a los desarrolladores. Al fin y al cabo, una de las áreas en las que la repetición de sesión es especialmente eficaz es en reducir el tiempo necesario para identificar y corregir errores.

Autoalojamiento

Como se comentó en la sección de Privacidad de los datos, las políticas de cumplimiento y seguridad pueden no darte la opción de elegir entre alojar tú mismo la plataforma de repetición de sesión o usarla como servicio en la nube.

Afortunadamente, ciertas soluciones de repetición de sesión ofrecen una opción de autoalojamiento que te permite instalar y operar toda su plataforma en tus propios servidores. Esto proporciona dos grandes beneficios:

• Control total sobre los datos generados por tus usuarios. Los datos de repetición de sesión van directamente a tus servidores, donde se procesan y se almacenan.
• El cumplimiento de las políticas y regulaciones internasse vuelve mucho más fácil de esta manera. Ya no se pierde tiempo en largas verificaciones de cumplimiento y seguridad.

Al final, el autoalojamiento suele ser la solución que eligen las empresas grandes, ya que proporciona un control completo sobre sus datos. Si la propiedad y la seguridad de los datos son preocupaciones importantes para tu empresa, asegúrate de priorizar este criterio al evaluar tus opciones.

Extensibilidad

A los desarrolladores les gusta ajustar, mejorar y construir funciones personalizadas sobre su herramienta de repetición de sesión. Una arquitectura open-core o basada en plugins hace que una solución sea extensible por diseño y esté preparada para el futuro de cara a las necesidades de los usuarios internos.

Si priorizas la extensibilidad y la personalización, considera explorar soluciones de repetición de sesión open source al evaluar las alternativas.

Capacidades de búsqueda

Capturar millones de sesiones al día puede hacer que encontrar la repetición relevante se sienta como buscar una aguja en un pajar. Una herramienta de repetición de sesión ideal debería ofrecer un motor de búsqueda potente y versátil. Esto requiere la capacidad de filtrar por casi cualquier fragmento de dato capturado, como una acción del usuario, un atributo de sesión concreto o un evento técnico.

Tales capacidades de filtrado se vuelven fundamentales para elegir la herramienta adecuada.

Análisis

No es descabellado pensar que, con todos los datos capturados por las herramientas de repetición de sesión, se podrían crear diversas visualizaciones para seguir y comprender distintos aspectos de la aplicación web.

Por ejemplo, puedes crear un panel para monitorear el rendimiento de tu sitio web, incluyendo los tiempos de carga, los recursos más lentos y otras métricas de web vitals. También puedes recibir alertas cuando algo sale mal y usar la repetición de sesión para identificar la causa raíz. Esto reduce el tiempo de resolución de problemas potencialmente críticos.

Así que, al elegir una herramienta de repetición de sesión, prioriza la capacidad de agregar datos y crear visualizaciones para las métricas que te importan.

Escalabilidad de los precios

Como se mencionó en una sección anterior, hay dos modelos principales de precios para las soluciones de repetición de sesión. Al elegir un modelo, es importante considerar lo escalable que es en función del tráfico de tu sitio web y de tu caso de uso.

Si tu sitio web genera millones de sesiones mensuales, considera un modelo de precios basado en el valor. Sin embargo, si tienes poco tráfico, la alternativa más barata sería usar una solución de repetición de sesión que ofrezca precios basados en el volumen. Mejor aún, busca alternativas open source que puedas alojar tú mismo para reducir costos.

Integraciones

La capacidad de integrarse con herramientas de terceros suele ser el sello distintivo de las soluciones de repetición de sesión potentes. De hecho, la repetición de sesión te muestra un lado de la historia: tu frontend. ¿Y si necesitas el contexto completo al reproducir un error y, por lo tanto, requieres registros del backend? Aquí es donde integrarse con otras herramientas de tu stack puede ser muy útil.

Otro tipo interesante de integración es con los sistemas de tickets, como JIRA. Al crear un ticket que incluya todos los detalles necesarios mientras revisas una repetición concreta, puedes mejorar significativamente el flujo de trabajo de tu equipo de QA.

Así que asegúrate de buscar las integraciones disponibles al elegir tu herramienta de repetición de sesión.

Amplitud de funciones

Si bien es esencial asegurarte de que la solución que elijas venga con el conjunto correcto de funciones que necesitas para tu caso de uso principal, en realidad es recomendable estar atento a todas las funciones que la herramienta podría tener.

Como se indicó anteriormente, las herramientas de repetición de sesión pueden beneficiar a diversos roles y equipos dentro de una organización. Aunque pueden estar orientadas principalmente a unos pocos casos de uso, considera la herramienta que ofrece funciones complementarias de las que otros miembros del equipo podrían beneficiarse en el futuro.

Comunidad

Por último, al decidir qué solución de repetición de sesión elegir, creemos que es importante considerar su comunidad. Una comunidad activa, en la que los usuarios (o los desarrolladores en el caso de los productos open source) están comprometidos y contribuyen a la plataforma, es señal de un producto exitoso y saludable.

Conclusión

Las herramientas de repetición de sesión se han vuelto esenciales para las organizaciones centradas en ofrecer experiencias digitales excepcionales. Al proporcionar tanto contexto visual como datos técnicos, ofrecen información única que otras herramientas de análisis sencillamente no pueden igualar.

Ya seas un desarrollador que intenta corregir errores escurridizos, un product manager que busca mejorar los flujos de los usuarios o un miembro del equipo de soporte que ayuda a clientes desorientados, la repetición de sesión puede transformar la forma en que comprendes y optimizas tu aplicación web.

A medida que evalúas las opciones para tu organización, recuerda equilibrar la funcionalidad con las consideraciones de privacidad y elige una solución que se alinee con tus necesidades y recursos específicos.