Ponte Sentry, Bugsnag & Datadog RUM

Acelere os fluxos de desenvolvemento e calidade vinculando as excepcións JavaScript do cliente directamente coas gravacións de sesións MousePlayer.

1. O problema: as trazas de pila non mostran o contexto do usuario

Cando ocorre unha excepción JavaScript non controlada ou un fallo de rede no sitio, ferramentas como Sentry ofrecen trazas de pila e cadeas de axente de usuario pouco expresivas. Pero os técnicos seguen preguntándose: «Que botón premeu o usuario xusto antes do fallo?» ou «Que datos se introduciron no formulario?»

A ponte de seguimento de erros de MousePlayer resolve isto automaticamente vinculando os URL de reprodución visual cos informes de erro. Cando ocorre unha excepción, os técnicos poden premer unha ligazón no panel Sentry ou Bugsnag e ver unha gravación da pantalla do usuario ata o milisegundo exacto do fallo.

Integración sen carga adicional: A ponte execútase discretamente como observador en segundo plano dentro de mp.js. Detecta automaticamente o SDK de seguimento de erros sen carga medible nin efecto nos Core Web Vitals.

2. Activación & asignación de provedores

Pode activar a ponte na interface do panel ou mediante código no obxecto de configuración do SDK.

Método A: activación no panel (sen código)

  1. Inicie sesión no espazo de traballo MousePlayer e abra Os seus sitios.
  2. Prema o botón Configuración / Integracións xunto ao sitio de destino.
  3. Na xanela Integracións cambie Ponte Sentry, Bugsnag & Datadog RUM a ON.
  4. Seleccione o provedor (sentry, bugsnag ou datadog) e prema Gardar os cambios.

Método B: configuración manual do script

Se prefire configurar no código, pase error_bridge_active: true no seu obxecto 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. Táboa de execución técnica do SDK

Segundo o provedor seleccionado, MousePlayer executa automaticamente os métodos oficiais de etiquetaxe do SDK JavaScript:

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

4. Onde atopar as reproducións nos informes de erro

Unha vez activa, os URL de reprodución aparecen inmediatamente nos paneis de seguimento cando se rexistra un fallo do cliente.

Detalles da incidencia en Sentry

Abra calquera incidencia do proxecto Sentry e desprácese ata a sección Tags para ver unha etiqueta chamada mouseplayer_session_url. Tamén pode filtrar as incidencias Sentry coa barra de busca de consultas: mouseplayer_session_url:*.

Lapelas de metadatos de Bugsnag

No informe de erro Bugsnag revise as lapelas de navegación inferiores. Aparecerá unha nova lapela personalizada chamada MousePlayer coa hiperligazón session_url para premer.

Explorador de erros de Datadog RUM

En Datadog RUM vaia a calquera sesión de erro gravada e inspeccione a árbore JSON Global Context / Attributes para atopar o URL indexado baixo @mouseplayer_session_url.

Todas as marcas mencionadas aquí pertencen aos seus respectivos propietarios. MousePlayer non ten relación comercial con estes provedores.