Sentry, Bugsnag & Datadog RUM ხიდი

დააჩქარეთ საინჟინრო და QA პროცესები წინა მხარის JavaScript გამონაკლისების MousePlayer-ის სესიების ვიდეოჩანაწერებთან პირდაპირ დაკავშირებით.

1. პრობლემა: გამოძახების სტეკი მომხმარებლის კონტექსტს არ აჩვენებს

როცა საიტზე დაუმუშავებელი JavaScript გამონაკლისი ან ქსელის ავარია ხდება, Sentry-ის მსგავსი ხელსაწყოები მშრალ სტეკსა და ბრაუზერის user-agent-ს აჩვენებს. ინჟინრებს კი კითხვა რჩებათ: „რომელ ღილაკს დააწკაპუნა მომხმარებელმა უშუალოდ ავარიამდე?“ ან „რა მონაცემები შეიყვანა ფორმაში?“

ეს MousePlayer შეცდომების ჩაწერის ხიდი ამას ვიზუალური დაკვრის URL-ების შეცდომის ანგარიშებში პირდაპირ ჩასმით აგვარებს. გამონაკლისისას ინჟინერს Sentry-ის ან Bugsnag-ის დაფაზე ერთი ბმულის გახსნა შეუძლია და მომხმარებლის ეკრანის ჩანაწერის ავარიის ზუსტ მილიწამამდე ნახვა.

ინტეგრაცია დამატებითი დატვირთვის გარეშე: ხიდი უხმოდ მუშაობს ფონურ დამკვირვებლად ამ სკრიპტში: mp.js. შეცდომების SDK-ს ავტომატურად ამოიცნობს, გაზომვადი დამატებითი დატვირთვისა და Core Web Vitals-ზე გავლენის გარეშე.

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 პროექტში და ჩადით განყოფილებაში ტეგები . ნახავთ ტეგს სახელით mouseplayer_session_url. Sentry-ის პრობლემების გაფილტვრაც შეგიძლიათ საძიებო ზოლით: mouseplayer_session_url:*.

Bugsnag მეტამონაცემების ჩანართები

Bugsnag-ის შეცდომის ანგარიშში ქვედა ჩანართები ნახეთ. გამოჩნდება ახალი საკუთარი ჩანართი სახელით MousePlayer , რომელიც შეიცავს დაწკაპუნებად session_url ჰიპერბმულს.

Datadog RUM შეცდომების მიმოხილვა

Datadog RUM-ში გახსენით ნებისმიერი ჩაწერილი შეცდომის სესია და შეამოწმეთ გლობალური კონტექსტი / ატრიბუტები JSON ხე. URL ინდექსირებულია გასაღებით @mouseplayer_session_url.

აქ დასახელებული ყველა სავაჭრო ნიშანი შესაბამის მფლობელს ეკუთვნის. MousePlayer-ს ამ პროვაიდერებთან საქმიანი კავშირი არ აქვს.