Puente de Sentry, Bugsnag & Datadog RUM

Agilice el trabajo de desarrollo y control de calidad vinculando las excepciones JavaScript del navegador directamente con grabaciones de vídeo de sesiones de MousePlayer.

1. El problema: las trazas de pila no muestran el contexto del usuario

Cuando ocurre una excepción JavaScript no controlada o un fallo de red en su sitio, herramientas como Sentry proporcionan trazas de pila y cadenas de agente de usuario. Pero los desarrolladores siguen preguntándose: «¿En qué botón hizo clic el usuario justo antes del fallo?» o «¿Qué datos introdujo en el formulario?»

El puente de seguimiento de errores de MousePlayer lo resuelve automáticamente incorporando URL de reproducción visual en sus informes de errores. Cuando ocurre una excepción, los desarrolladores pueden hacer clic en un enlace de Sentry o Bugsnag y ver una grabación de vídeo de la pantalla del usuario hasta el milisegundo exacto del fallo.

Integración sin sobrecarga: El puente supervisa discretamente en segundo plano dentro de mp.js. Detecta automáticamente su SDK de seguimiento de errores sin añadir una sobrecarga medible ni afectar a los Core Web Vitals.

2. Activación & correspondencia de proveedores

Puede activar el puente desde el panel o mediante programación con el objeto de configuración de nuestro SDK.

Método A: activación desde el panel (sin código)

  1. Inicie sesión en su espacio de trabajo MousePlayer y abra Sus propiedades.
  2. Haga clic en el botón Ajustes / Integraciones junto al sitio correspondiente.
  3. En la ventana de integraciones, cambie Puente de Sentry, Bugsnag & Datadog RUM a ON.
  4. Seleccione su proveedor (sentry, bugsnag, o datadog), y haga clic en Guardar cambios.

Método B: configuración manual del script

Si prefiere definir la configuración directamente en el código, pase error_bridge_active: true dentro de su objeto window.mp_config de configuración:

<!-- MousePlayer SDK with Error Tracking Bridge Enabled --> <script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', error_bridge_active: true, error_provider: 'sentry' // 'sentry', 'bugsnag', or 'datadog' }; </script>

3. Tabla técnica de llamadas al SDK

Según el proveedor seleccionado, MousePlayer ejecuta automáticamente los métodos oficiales de etiquetado del SDK JavaScript:

Proveedor Método JavaScript ejecutado Clave de metadatos insertada
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Dónde encontrar reproducciones en sus informes de errores

Una vez activo, las URL de reproducción aparecen al instante en los paneles de seguimiento cuando se registra un fallo del navegador.

Detalles de una incidencia en Sentry

Abra una incidencia de su proyecto Sentry y desplácese hasta la sección Etiquetas . Encontrará una etiqueta llamada mouseplayer_session_url. También puede filtrar incidencias desde la barra de búsqueda: mouseplayer_session_url:*.

Pestañas de metadatos de Bugsnag

En el informe de error de Bugsnag, revise las pestañas de navegación inferiores. Aparecerá una pestaña personalizada llamada MousePlayer con el enlace clicable session_url de reproducción.

Explorador de errores de Datadog RUM

En Datadog RUM, abra una sesión con un error registrado y examine el árbol JSON Contexto global / Atributos . La URL está indexada en @mouseplayer_session_url.

Todas las marcas mencionadas pertenecen a sus respectivos propietarios. MousePlayer no mantiene ninguna relación comercial con estos proveedores.