Pont Sentry, Bugsnag & Datadog RUM

Cyflymwch lifoedd gwaith eich peirianneg a QA drwy gysylltu eithriadau JavaScript y pen blaen yn uniongyrchol â recordiadau sesiynau fideo MousePlayer.

1. Y Broblem: Nid yw Olion Stac yn Dangos Cyd-destun Defnyddiwr

Pan fydd eithriad JavaScript heb ei drin neu fethiant rhwydwaith yn digwydd ar eich gwefan, mae offer monitro gwallau fel Sentry yn darparu olion stac sych a llinynnau user-agent y porwr. Ond mae peirianwyr yn dal i ofyn: ‘Pa fotwm a gliciodd y defnyddiwr yn union cyn y methiant?’ neu ‘Pa ddata a roddwyd yn y ffurflen?’

Mae’r Bont Tracio Gwallau MousePlayer yn datrys hyn yn awtomatig drwy bontio URLs ailchwarae gweledol yn uniongyrchol i’ch adroddiadau gwallau. Pan fydd eithriad yn digwydd, gall peirianwyr glicio un ddolen yn eu dangosfwrdd Sentry neu Bugsnag a gwylio recordiad fideo o sgrin y defnyddiwr hyd at union filfed eiliad y methiant.

Integreiddiad Heb Orbenion: Mae’r bont yn rhedeg yn dawel fel gwyliwr cefndir yn mp.js. Mae’n canfod eich SDK tracio gwallau yn awtomatig heb ychwanegu gorbenion mesuradwy nac effeithio ar Core Web Vitals.

2. Actifadu & Mapio Darparwyr

Gallwch alluogi’r bont tracio gwallau drwy ryngwyneb eich dangosfwrdd neu’n rhaglennol drwy ein gwrthrych ffurfweddu SDK.

Dull A: Actifadu drwy’r Dangosfwrdd (Heb God)

  1. Mewngofnodwch i’ch gweithle MousePlayer ac agorwch Eich Gwefannau.
  2. Cliciwch y botwm Gosodiadau / Integreiddiadau wrth ymyl eich gwefan darged.
  3. Yn y ffenestr Integreiddiadau, newidiwch Pont Sentry, Bugsnag & Datadog RUM i ON.
  4. Dewiswch eich darparwr (sentry, bugsnag, neu datadog) a chliciwch Cadw Newidiadau.

Dull B: Ffurfweddu’r Sgript â Llaw

Os yw’n well gennych ysgrifennu’r ffurfweddiad yn uniongyrchol yn y cod, trosglwyddwch error_bridge_active: true yn eich gwrthrych 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. Tabl Gweithredu SDK Technegol

Yn ôl y darparwr a ddewiswyd gennych, mae MousePlayer yn gweithredu dulliau tagio swyddogol y SDK JavaScript yn awtomatig:

Darparwr Dull JavaScript a Weithredir Allwedd Metadata a Fewnosodir
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Ble i Ganfod Ailchwarae yn Eich Adroddiadau Gwallau

Unwaith y bydd yn weithredol, mae URLs ailchwarae’n ymddangos ar unwaith yn eich dangosfyrddau monitro gwallau pryd bynnag y cofnodir methiant pen blaen.

Manylion Mater Sentry

Agorwch unrhyw fater yn eich prosiect Sentry a sgroliwch i lawr i’r adran Tags. Fe welwch dag o’r enw mouseplayer_session_url. Gallwch hefyd hidlo materion Sentry drwy’r bar chwilio ymholiad: mouseplayer_session_url:*.

Tabiau Metadata Bugsnag

Yn eich adroddiad gwall Bugsnag, gwiriwch y tabiau llywio gwaelod. Bydd tab personol newydd o’r enw MousePlayer yn ymddangos, yn cynnwys yr hyperddolen session_url y gellir ei chlicio.

Archwiliwr Gwallau Datadog RUM

Yn Datadog RUM, ewch i unrhyw sesiwn gwall wedi’i recordio ac arolygwch goeden JSON Global Context / Attributes. Mynegeir yr URL o dan @mouseplayer_session_url.

Mae pob nod masnach a enwir yma yn perthyn i’w berchennog priodol. Nid oes gan MousePlayer berthynas fusnes â’r darparwyr hyn.