Sentry, Bugsnag & Datadog RUM સેતુ

ફ્રન્ટએન્ડ JavaScript અપવાદ સીધા MousePlayer સત્રના દૃશ્ય રેકોર્ડિંગ સાથે જોડીને ઇજનેરી અને QA કાર્યપ્રવાહ ઝડપી બનાવો.

1. સમસ્યા: સ્ટૅક ટ્રેસ વપરાશકર્તાનો સંદર્ભ બતાવતો નથી

વેબસાઇટ પર ન સંભાળેલો JavaScript અપવાદ કે નેટવર્ક ક્રૅશ થાય ત્યારે Sentry જેવાં સાધનો સૂકા સ્ટૅક ટ્રેસ અને બ્રાઉઝરની user-agent સ્ટ્રિંગ આપે છે. પણ ઇજનેરો પૂછતા રહે: “ક્રૅશની બરાબર પહેલાં કયું બટન ક્લિક કર્યું?” અથવા “ફોર્મમાં શું લખ્યું હતું?”

આ MousePlayer ભૂલ ટ્રૅકિંગ સેતુ દૃશ્ય રેકોર્ડિંગ URL સીધાં ભૂલના અહેવાલમાં જોડીને ઉકેલે છે. અપવાદ થાય ત્યારે Sentry કે Bugsnag ડૅશબોર્ડમાં એક લિંકથી ક્રૅશની ચોક્કસ મિલિસેકન્ડ સુધી વપરાશકર્તાની સ્ક્રીન જોઈ શકાય.

વધારાના ભાર વિનાનું એકીકરણ: સેતુ પૃષ્ઠભૂમિ નિરીક્ષક તરીકે શાંતિથી ચાલે છે આની અંદર mp.js. માપી શકાય એવો ભાર કે Core Web Vitals પર અસર વિના ભૂલ ટ્રૅકિંગ SDK આપમેળે શોધે છે.

2. સક્રિયકરણ & પ્રદાતા જોડાણ

ડૅશબોર્ડથી અથવા SDK ગોઠવણી ઑબ્જેક્ટ દ્વારા પ્રોગ્રામથી ભૂલ ટ્રૅકિંગ સેતુ ચાલુ કરી શકો.

રીત A: ડૅશબોર્ડથી (કોડ વિના)

  1. MousePlayer કાર્યસ્થળમાં લૉગ ઇન કરીને ખોલો તમારી સાઇટ.
  2. આ સેટિંગ્સ / એકીકરણ બટન લક્ષ્ય વેબસાઇટની બાજુમાં ક્લિક કરો.
  3. એકીકરણ વિન્ડોમાં આ Sentry, Bugsnag & Datadog RUM સેતુ સ્વિચ સેટ કરો ON.
  4. પ્રદાતા પસંદ કરો (sentry, bugsnagઅથવા datadog) અને ક્લિક કરો ફેરફારો સાચવો.

રીત B: સ્ક્રિપ્ટ જાતે ગોઠવવી

ગોઠવણી કોડમાં સીધી આપવી હોય તો મોકલો error_bridge_active: true તમારા આની અંદર 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. તકનીકી SDK કામગીરી કોષ્ટક

પસંદ કરેલા પ્રદાતા મુજબ MousePlayer અધિકૃત JavaScript SDK ટૅગિંગ પદ્ધતિ આપમેળે ચલાવે છે:

પ્રદાતા ચાલતી JavaScript પદ્ધતિ ઉમેરેલી મેટાડેટા કી
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. ભૂલના અહેવાલમાં રેકોર્ડિંગ ક્યાં મળે

સક્રિય થયા પછી ફ્રન્ટએન્ડ ક્રૅશ નોંધાય ત્યારે ભૂલ નિરીક્ષણ ડૅશબોર્ડમાં રેકોર્ડિંગ URL તરત દેખાય છે.

Sentry સમસ્યાની વિગતો

Sentry પ્રોજેક્ટમાં કોઈ સમસ્યા ખોલીને નીચે જાઓ Tags વિભાગ સુધી. આ નામનો ટૅગ દેખાશે mouseplayer_session_url. ક્વેરી શોધ પટ્ટીથી Sentry સમસ્યા ફિલ્ટર પણ કરી શકો: mouseplayer_session_url:*.

Bugsnag મેટાડેટા ટૅબ

Bugsnag ભૂલ અહેવાલના નીચેના નેવિગેશન ટૅબ જુઓ. નવો કસ્ટમ ટૅબ આ નામે MousePlayer દેખાશે, જેમાં ક્લિક કરી શકાય તેવી session_url લિંક હશે.

Datadog RUM Error Explorer

Datadog RUMમાં કોઈ રેકોર્ડ કરેલું ભૂલ સત્ર ખોલીને આ તપાસો: Global Context / Attributes JSON વૃક્ષ. URL આ હેઠળ છે @mouseplayer_session_url.

અહીં જણાવેલાં બધાં ટ્રેડમાર્ક તેમના સંબંધિત માલિકોનાં છે. આ પ્રદાતાઓ સાથે MousePlayerનો કોઈ વ્યાવસાયિક સંબંધ નથી.