Amikor egy látogató rákattint a hibajelentés gombra és elküldi, a Yaplet a háttérben összeállít egy strukturált jelentést. Jóval több kontextust kapsz, mint amennyi egyedül egy írott leírásból kijönne. Íme minden, ami összegyűjtésre kerül.
Képernyőkép
A látogató böngészőjének teljes oldalas képernyőképe abban a pillanatban, amikor a jelentés gombra kattintott. Rögzíti a látható nézetablakot, beleértve a felhasználói felület elemeit, hibaüzeneteket vagy elromlott elrendezéseket. A látogató beküldés előtt jelöléseket tehet a képernyőképre egy rajzeszközzel — bekarikázhatja a problémás területet, nyilakat adhat hozzá vagy szöveget emelhet ki.
Képernyőfelvétel
Egy opcionális rövid videó, amelyet a látogató közvetlenül a hibajelentési folyamatból vehet fel. A látogató irányítja a rögzítés kezdetét és végét. Ez kiegészíti a session replay-t olyan esetekben, amikor a látogató egy adott interakciót szeretne magyarázni vagy bemutatni.
Session replay
A látogató böngészőjében a jelentés beküldése előtti utolsó ~30 másodperc visszajátszása — az összes egérmozgás, kattintás, görgetés és DOM-változás, videószerű visszajátszásként rekonstruálva. Ez pontosan megmutatja, mit csinált a látogató közvetlenül a hiba bekövetkezése előtt, anélkül, hogy leírnia kellene. A session replay opcionális widgetenként; lásd: Session replay — mi ez és hogyan kapcsolod be.
Konzolnaplók
A böngésző által a fejlesztői konzolba írt összes üzenet a látogató munkamenete során — hibák, figyelmeztetések és az alkalmazás JavaScriptjéből származó tájékoztató naplók. A konzolnaplók gyakran tartalmazzák a pontos hibák stack trace-ét, amely a hibát okozta.
Hálózati naplók
A munkamenet során az oldal által küldött HTTP-kérések naplója, beleértve az URL-t, a metódust, az állapotkódot, a válasz méretét és az időzítést. A sikertelen kérések (4xx, 5xx) és a lassú kérések ki vannak emelve. Ez pontosan meghatározza az API-hibákat és a háttérbeli hibákat anélkül, hogy manuálisan kellene reprodukálni a problémát.
Böngészőmetaadatok
Automatikusan rögzített böngészőadatok:
- Böngésző neve és verziója (pl. Chrome 124, Safari 17)
- Operációs rendszer (Windows, macOS, iOS, Android, Linux)
- Nézetablak méretei (belső szélesség és magasság)
- Az oldal aktuális URL-je a jelentés időpontjában
- A felhasználó nyelvi beállítása
Eszközmetaadatok
A látogató eszközének fizikai és megjelenítési jellemzői:
- Képernyő szélessége és magassága
- Eszköz pixel-aránya (fontos a retina/HiDPI kijelzők hibáihoz)
- Mobil jelző (hogy a látogató mobileszközön volt-e)
Egyéni metaadatok
A fejlesztőcsapatod által a Yaplet SDK-n keresztül csatolt bármilyen adat — például az aktuális felhasználóazonosító, előfizetési csomag, aktív A/B-kísérlet variáns, kosár értéke vagy bármilyen alkalmazásállapot, ami releváns a hibakereséshez. Lásd: Küldj egyéni metaadatokat a hibajelentésekkel.
Kapcsolt chatbeszélgetés
Ha a látogatónak van egy nyitott vagy közelmúltbeli chatbeszélgetése a Yapletben, a hibajelentés ticketje össze van kapcsolva azzal. Ez azt jelenti, hogy a technikai adatok mellett elolvashatod a teljes chat kontextust — felbecsülhetetlen érték, amikor a látogató a saját szavaival már leírta a problémát.