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
Képernyőkép arról, amit a látogató látott — a böngészőablak az aktuális görgetési pozíciónál, nem a teljes oldal. A látogató maga adja hozzá a jelentőűrlap utolsó lépésén a Képernyőkép hozzáadása gombbal, és beküldés előtt jelöléseket tehet rá egy rajzeszközzel: bekarikázhatja a problémás területet, nyilakat adhat hozzá, vagy kitakarhat valami bizalmasat. Technikailag a Yaplet lemásolja az oldal szerkezetét, és a saját szerverein rendereli képpé, nem a böngészőről készít fotót — vagyis a beviteli mezőkbe éppen beírt szöveg is vele utazik. A jelszómezők automatikusan ki vannak hagyva; minden más mezőre, aminek a tartalma nem mehet ki, tedd rá a gl-mask osztályt.
Képernyőfelvétel
Egy opcionális felvétel, amit a látogató a jelentőűrlapról indíthat el. A böngésző megkérdezi tőle, melyik képernyőt, ablakot vagy lapot ossza meg, tehát az oldaladnál többet is rögzíthet. A felvétel néma — a mikrofon soha nem rögzül, és hang egyáltalán nem kerül a felvételbe. A felvétel 2 perc után automatikusan leáll.
Session replay
A jelentéshez vezető böngészés visszajátszása — egérmozgások, kattintások, görgetés és oldalváltozások, videószerű visszajátszásként rekonstruálva. Ez pontosan megmutatja, mit csinált a látogató a hiba előtt, anélkül, hogy le kellene írnia. A session replay alapból ki van kapcsolva, amíg be nem kapcsolod a widgeten; lásd: Session replay — mi ez és hogyan kapcsolod be.
Konzolnaplók
Az utolsó 500 üzenet, amit a saját kódod a console.log, console.warn, console.error vagy console.info hívással írt ki, egyenként 1000 karakterre vágva. Amit maga a böngésző ír ki — elkapatlan kivételek, CORS-hibák, be nem töltött fájlok —, az nincs benne, ezért amire szükséged van, azt naplózd ki kifejezetten. Ugyanez a lista rögzíti a kattintásokat is: minden kattintásnál a megkattintott elem tagjét, azonosítóját, osztályát és a látható szövegének első 40 karakterét. Ha a gombjaid vagy linkjeid ügyféladatot mutatnak, az a szöveg belekerül a jelentésbe.
Hálózati naplók
Az oldal utolsó 30 hálózati kérése, mindegyiknél az URL, a metódus, az állapotkód és az időzítés — valamint a kérés fejlécei, a kérés törzse és a válasz törzse. A hitelesítési fejléceket (Authorization, Cookie) a rendszer automatikusan eltávolítja, ezek soha nem kerülnek elküldésre. A körülbelül 150 KB-nál nagyobb tartalom helyére helyőrző kerül a küldés helyett, a Yaplet saját API-jához menő kérések pedig kimaradnak. Mivel a kérés- és válasz-törzsek rendszerint személyes adatot, tokent és rendelési részleteket hordoznak, a Yaplet.setNetworkLogsBlacklist([...]) hívással teljes hosztokat zárhatsz ki, a Yaplet.setNetworkLogPropsToIgnore([...]) hívással pedig megnevezett mezőket és fejléceket távolíthatsz el, mielőtt bármi elmenne.
Oldal- és eseményelőzmények
Minden oldal, amit a látogató a munkamenete során megnyitott, a teljes webcímmel együtt — beleértve mindent, ami a lekérdezési paraméterekben van —, továbbá a munkamenet kezdete és minden esemény, amit magad rögzítesz a Yaplet.trackEvent hívással. Az utolsó 500 bejegyzés marad meg. A csapatod ezt a jegy Eseménynaplójában olvassa, a konzol- és hálózati bejegyzések mellett.
Böngészőmetaadatok
Automatikusan rögzített böngészőadatok:
- Böngésző neve és verziója (pl. Chrome 124, Safari 17)
- A böngésző teljes user-agent szövege
- 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
- Mennyi ideje tartott már a látogató munkamenete
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
Azok az értékek, amiket a kódod a Yaplet.setTicketAttribute() hívással csatol, megérkeznek a jelentéssel, és megjelennek a jegy válaszai között — az aktuális felhasználóazonosító, az előfizetési csomag, az aktív kísérleti variáns, a kosár értéke vagy bármilyen alkalmazásállapot, ami releváns a hibakereséshez. Ha nem ezt az egy jelentést, hanem a személyt leíró tartós adatokat szeretnél tárolni, add át őket egyéni adatként a Yaplet.identify() hívásnak; 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.