Sentry, Bugsnag & Datadog RUM tilts

Paātriniet izstrādes un kvalitātes nodrošināšanas darbu, tieši sasaistot priekšgala JavaScript izņēmumus ar MousePlayer sesiju videoierakstiem.

1. Problēma: steka trases neparāda lietotāja kontekstu

Kad jūsu vietnē rodas neapstrādāts JavaScript izņēmums vai tīkla avārija, kļūdu uzraudzības rīki, piemēram, Sentry, sniedz sausas steka trases un pārlūka user-agent virknes. Taču izstrādātājiem joprojām rodas jautājumi: „Uz kuras pogas lietotājs noklikšķināja tieši pirms avārijas?“ vai „Kādi dati tika ievadīti veidlapā?“

Šo problēmu automātiski atrisina MousePlayer kļūdu izsekošanas tilts, pievienojot vizuālo atskaņojumu URL tieši kļūdu pārskatiem. Kad rodas izņēmums, izstrādātāji var noklikšķināt uz vienas saites savā Sentry vai Bugsnag informācijas panelī un noskatīties lietotāja ekrāna videoierakstu līdz pat precīzai avārijas milisekundei.

Integrācija bez papildu resursu patēriņa: Tilts klusi darbojas kā fona novērotājs mp.js. Tas automātiski atrod jūsu kļūdu izsekošanas SDK, neradot izmērāmu papildu resursu patēriņu un neietekmējot Core Web Vitals.

2. Aktivizēšana & nodrošinātāju atbilstība

Kļūdu izsekošanas tiltu varat iespējot informācijas paneļa saskarnē vai programmatiski mūsu SDK konfigurācijas objektā.

A metode: aktivizēšana informācijas panelī (bez koda)

  1. Piesakieties savā MousePlayer darbvietā un atveriet Jūsu objekti.
  2. Noklikšķiniet uz pogas Iestatījumi / Integrācijas blakus izvēlētajai vietnei.
  3. Integrāciju logā pārslēdziet Sentry, Bugsnag & Datadog RUM tiltu uz ON.
  4. Izvēlieties nodrošinātāju (sentry, bugsnag vai datadog) un noklikšķiniet uz Saglabāt izmaiņas.

B metode: manuāla skripta konfigurācija

Ja vēlaties konfigurāciju ierakstīt tieši kodā, nododiet error_bridge_active: true savā window.mp_config objektā:

<!-- 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. Tehniskā SDK izpildes tabula

Atkarībā no izvēlētā nodrošinātāja MousePlayer automātiski izpilda oficiālās JavaScript SDK marķēšanas metodes:

Nodrošinātājs Izpildītā JavaScript metode Ievietotā metadatu atslēga
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Kur kļūdu pārskatos atrast atskaņojumus

Pēc aktivizēšanas atskaņojumu URL uzreiz parādās kļūdu uzraudzības informācijas paneļos ikreiz, kad reģistrēta priekšgala avārija.

Sentry uzdevuma detaļas

Atveriet jebkuru uzdevumu savā Sentry projektā un ritiniet uz leju līdz sadaļai Etiķetes. Redzēsiet etiķeti ar nosaukumu mouseplayer_session_url. Sentry uzdevumus varat arī filtrēt, izmantojot vaicājumu meklēšanas joslu: mouseplayer_session_url:*.

Bugsnag metadatu cilnes

Bugsnag kļūdas pārskatā apskatiet apakšējās navigācijas cilnes. Parādīsies jauna pielāgota cilne ar nosaukumu MousePlayer, kas ietver noklikšķināmu session_url hipersaiti.

Datadog RUM kļūdu pārlūks

Datadog RUM pārejiet uz jebkuru reģistrētu kļūdas sesiju un pārbaudiet Globālais konteksts / Atribūti JSON koku. URL ir indeksēts zem @mouseplayer_session_url.

Visas šeit minētās preču zīmes pieder to attiecīgajiem īpašniekiem. MousePlayer nav darījumu attiecību ar šiem nodrošinātājiem.