Sentry-, Bugsnag- & Datadog RUM -silta

Nopeuta kehitys- ja laadunvarmistustyötä yhdistämällä käyttöliittymän JavaScript-poikkeukset suoraan MousePlayerin istuntovideotallenteisiin.

1. Ongelma: pinotiedot eivät näytä käyttäjän tilannetta

Sivuston käsittelemättömässä JavaScript-poikkeuksessa tai verkkokaatumisessa Sentryn kaltaiset virhetyökalut näyttävät kuivat pinotiedot ja selaimen käyttäjäagenttimerkkijonot. Kehittäjälle jää silti kysymyksiä: ”Mitä painiketta käyttäjä klikkasi juuri ennen kaatumista?” tai ”Mitä tietoja lomakkeeseen kirjoitettiin?”

Tämän MousePlayerin virheseurantasilta ratkaisee automaattisesti liittämällä visuaalisen toiston URL:t suoraan virheraportteihin. Poikkeuksen ilmetessä kehittäjä voi napsauttaa yhtä linkkiä Sentryn tai Bugsnagin koontinäytössä ja katsoa käyttäjän näyttövideon kaatumisen tarkkaan millisekuntiin asti.

Integraatio ilman lisäkuormaa: Silta toimii huomaamattomana taustatarkkailijana skriptissä mp.js. Se tunnistaa virheseurannan SDK:n automaattisesti ilman mitattavaa lisäkuormaa tai vaikutusta Core Web Vitals -mittareihin.

2. Aktivointi & palveluntarjoajan valinta

Virheseurantasillan voi aktivoida koontinäytössä tai ohjelmallisesti SDK-määritysobjektilla.

Tapa A: aktivointi koontinäytössä (ei koodia)

  1. Kirjaudu MousePlayer-työtilaan ja avaa Omat sivustot.
  2. Napsauta painiketta Asetukset / Integraatiot kohdesivuston vieressä.
  3. Aseta integraatioikkunassa Sentry-, Bugsnag- & Datadog RUM -silta tilaan ON.
  4. Valitse palveluntarjoaja (sentry, bugsnag tai datadog) ja napsauta Tallenna muutokset.

Tapa B: skriptin määritys käsin

Jos määritys kovakoodataan, anna error_bridge_active: true objektissa window.mp_config:

<!-- 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. Tekninen SDK-kutsutaulukko

Valitun palveluntarjoajan mukaan MousePlayer suorittaa viralliset JavaScript-SDK:n tunnistemääritysmenetelmät automaattisesti:

Palveluntarjoaja Suoritettava JavaScript-menetelmä Lisättävä metatietoavain
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Mistä toistot löytyvät virheraporteista

Käyttöönoton jälkeen toisto-URL:t näkyvät heti virheseurannan koontinäytöissä käyttöliittymäkaatumisen kirjautuessa.

Sentry-tehtävän tiedot

Avaa tehtävä Sentry-projektissa ja vieritä osioon Tunnisteet. Siinä näkyy tunniste nimeltä mouseplayer_session_url. Sentry-tehtäviä voi suodattaa myös hakupalkista: mouseplayer_session_url:*.

Bugsnagin metatietovälilehdet

Katso Bugsnagin virheraportin alareunan navigointivälilehtiä. Uusi mukautettu välilehti nimeltä MousePlayer näkyy ja sisältää klikattavan hyperlinkin session_url.

Datadog RUMin virhenäkymä

Siirry Datadog RUMissa tallennettuun virheistuntoon ja tarkastele JSON-puuta Globaali konteksti / Attribuutit. URL on indeksoitu kohtaan @mouseplayer_session_url.

Kaikki tässä mainitut tavaramerkit kuuluvat omistajilleen. MousePlayerilla ei ole liikesuhdetta näihin toimittajiin.