Most za Sentry, Bugsnag & Datadog RUM

Ubrzajte radne procese razvoja i osiguranja kvalitete povezivanjem JavaScript iznimaka na klijentskoj strani izravno s videosnimkama sesija MousePlayera.

1. Problem: tragovi stoga ne pokazuju korisnički kontekst

Kad se na web-mjestu dogodi neobrađena JavaScript iznimka ili mrežni kvar, alati za praćenje pogrešaka poput Sentryja daju suhoparne tragove stoga i nizove user-agent preglednika. No programeri se i dalje pitaju: „Koji je gumb korisnik kliknuo neposredno prije rušenja?“ ili „Koji su podaci uneseni u obrazac?“

Most MousePlayer za praćenje pogrešaka automatski to rješava izravnim povezivanjem URL-ova vizualne reprodukcije s izvještajima o pogreškama. Kad dođe do iznimke, programeri mogu kliknuti jednu poveznicu na nadzornoj ploči Sentryja ili Bugsnaga i pogledati videosnimku korisnikova zaslona do točne milisekunde rušenja.

Integracija bez dodatnog opterećenja: Most radi neprimjetno kao pozadinski promatrač unutar mp.js. Automatski otkriva SDK za praćenje pogrešaka bez mjerljivog dodatnog opterećenja ili utjecaja na Core Web Vitals.

2. Aktivacija & povezivanje pružatelja

Most za praćenje pogrešaka možete omogućiti na nadzornoj ploči ili programski putem našeg SDK konfiguracijskog objekta.

Način A: aktivacija na nadzornoj ploči (bez koda)

  1. Prijavite se u radni prostor MousePlayera i otvorite Vaša web-mjesta.
  2. Kliknite gumb Postavke / Integracije pokraj ciljnog web-mjesta.
  3. U prozoru Integracije postavite Most za Sentry, Bugsnag & Datadog RUM na ON.
  4. Odaberite pružatelja (sentry, bugsnag ili datadog) i kliknite Spremite promjene.

Način B: ručna konfiguracija skripte

Ako konfiguraciju želite upisati izravno u kod, proslijedite error_bridge_active: true unutar svojeg objekta 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. Tablica tehničkog izvršavanja SDK-a

Ovisno o odabranom pružatelju, MousePlayer automatski izvršava službene JavaScript SDK metode označavanja:

Pružatelj Izvršena JavaScript metoda Umetnuti ključ metapodataka
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Gdje pronaći reprodukcije u izvještajima o pogreškama

Nakon aktivacije URL-ovi reprodukcije odmah se pojavljuju na nadzornim pločama praćenja pogrešaka kad god se zabilježi rušenje na klijentskoj strani.

Pojedinosti zadatka u Sentryju

Otvorite bilo koji zadatak u Sentry projektu i pomaknite se do odjeljka Oznake. Vidjet ćete oznaku naziva mouseplayer_session_url. Sentry zadatke možete filtrirati i putem trake za pretraživanje upitom: mouseplayer_session_url:*.

Kartice metapodataka Bugsnaga

U izvještaju o pogrešci Bugsnaga provjerite donje navigacijske kartice. Pojavit će se nova prilagođena kartica naziva MousePlayer koja sadrži poveznicu session_url koju možete kliknuti.

Pregled pogrešaka Datadog RUM-a

U Datadog RUM-u prijeđite na bilo koju zabilježenu sesiju pogreške i pregledajte JSON stablo Globalni kontekst / Atributi. URL je indeksiran pod @mouseplayer_session_url.

Svi ovdje navedeni žigovi pripadaju svojim vlasnicima. MousePlayer nema poslovni odnos s tim pružateljima.