Session replay — mi ez és hogyan kapcsolod be

A session replay a Yaplet-hibajelentések egyik leghasznosabb jelzése. Ahelyett, hogy elolvasnád, mi történt, megnézed — kattintások, görgetés és oldalváltozások, visszajátszásként rekonstruálva. Ez a cikk elmondja, mit rögzít, hogyan működik az adatvédelmi modellje, és hogyan kapcsolod be.

Mit rögzít a session replay

Bekapcsolt állapotban a Yaplet a háttérben oldalpillanatképeket rögzít, és hibajelentés beküldésekor a jelentéshez vezető szakaszt csatolja. A visszajátszás tartalmazza:

• Az egérmutató mozgását és a kattintásokat
• A billentyűzetbevitelt (lásd lentebb az elrejtésnél)
• Az oldalgörgetést
• Az oldalváltozásokat — elemek megjelenését, eltűnését, állapotváltozását
• A stílusváltozásokat — animációkat és átmeneteket
• A hálózati kérések időzítését, összefoglalóként megjelenítve
• A konzolhibákat, összefoglalóként megjelenítve

Ez nem videófájl. Egy eseménynapló, amelyet a vezérlőpultod egy elkülönített keretben játszik vissza, így a rögzítés a látogatóidnak szinte semmilyen teljesítménybe nem kerül.

Mit takar el a Yaplet automatikusan

A session replay az rrweb nyílt forrású oldalrögzítő könyvtárra épül. A Yaplet a te közreműködésed nélkül ezeket a védelmeket alkalmazza, mielőtt bármi elhagyná a böngészőt:

• Jelszómezők — a rögzítő soha nem menti el egy <input type="password"> értékét.
• Canvas-tartalom és cross-origin keretek — egyáltalán nem rögzülnek.
• Nagy beágyazott képek — a túlméretes felvételekből kimaradnak, nem töltődnek fel.

Ennyi a teljes lista. A jelszavakon túl nincs automatikus személyesadat-elrejtés. Minden más az oldalon — nevek, e-mail-címek, rendelésszámok — úgy rögzül, ahogy látszik, hacsak te magad meg nem jelölöd.

Mit tudsz te magad elrejteni

Tedd rá az alábbi osztályok egyikét a saját HTML-edben arra az elemre, amelynek a kezelését szabályozni akarod:

• gl-block — az elem teljesen kimarad a rögzítésből, a helyére azonos méretű helyőrző kerül.
• gl-mask — az elem szövegét csillagok helyettesítik.

Hogyan kapcsold be

1. Az oldalsávban nyisd meg a Márka → (a márkád) → Chat widget menüpontot.
2. Nyisd meg a Funkciók fület, és keresd meg az SDK Funkciók részt. (Ha ez a rész egyáltalán nem látszik, a szervezeted nem vette meg a Session replays kiegészítőt — havi 12 dollár. Ha a szervezetednél megvan, és a rész mégsem látszik, akkor neked nincs meg a Session Replays jogosultságod — a jogosultságszerkesztőben magyarul is így szerepel —, kérd az adminisztrátorodtól.)
3. Kapcsold be a Munkamenet visszajátszás kapcsolót.
4. Kattints a Változtatások mentése gombra.

Amíg ezt meg nem teszed, ki van kapcsolva. Bekapcsolás után alatta megjelenik a Rögzítési szabályok beállítás: a Szabályok beállítása gombbal korlátozhatod, mely oldalakat és mely látogatókat rögzítse a rendszer, és amíg nem állítasz be semmit, azt írja: „Minden oldal rögzítése”. Ezzel tarthatod távol a rögzítőt a pénztár-, fiók- és adminoldalaktól.

Meddig őrizzük meg a felvételeket

A felvételeket nem fix napszámig őrizzük. Ehelyett minden chat widgetnek van egy tárhelykerete, és ha az betelik, a legrégebbi felvétel törlődik, hogy helyet adjon a legújabbnak. A kiegészítőhöz 50 nagyjából 2 MB-os hely tartozik — egy hosszú vagy mozgalmas munkamenet több helyet foglal —, a magasabb csomagokban pedig több van.

Ha kitűzöl egy felvételt, a takarítás kihagyja, a keret legfeljebb feléig. A nagyon hosszú munkamenetek 6 óránál vagy 50 MB-nál maguktól leállnak. A hibajelentéshez csatolt visszajátszás az adott jeggyel együtt tárolódik, és addig marad meg, ameddig a jegy.

Adatvédelmi beállítások bővítése az SDK-ból

A fejlesztőcsapatod tovább mehet a Yaplet.setReplayOptions(options) hívással, amit a Yaplet.initialize() előtt kell meghívni. Hasznos beállítások:

• maskAllInputs: true — minden szöveges beviteli mező értékét elrejti, nem csak a jelszavakat.
• maskTextSelector: ".sensitive-data" — elrejti bármely CSS-szelektorra illeszkedő elem szövegét.
• blockSelector: "#payment-form" — egy egész szakaszt kihagy a rögzítésből.
• recordCanvas: true — rögzíti a <canvas> tartalmát, amit a Yaplet alapból kikapcsolva hagy, mert költséges.

A hálózati naplók adatvédelme külön áll: Yaplet.setNetworkLogsBlacklist(["api.payments.com"]) és Yaplet.setNetworkLogPropsToIgnore(["Authorization"]).

GDPR-szempontok

A session replay azt rögzíti, hogyan használta valaki az oldaladat, ez pedig személyes adat. Hogy a jó oldalán maradj:

• Tüntesd fel a session replay-t az adatvédelmi tájékoztatódban és a sütitájékoztatóban.
• Kapcsold be a maskAllInputs: true beállítást, hacsak nincs konkrét okod rögzíteni, mit gépelnek az emberek.
• Használd a blockSelector beállítást vagy a fenti Rögzítési szabályokat, hogy minden személyes vagy pénzügyi adatot mutató képernyő kimaradjon a rögzítésből.

Arról, hogy a Yaplet hol tárolja ezeket az adatokat, és mire terjed ki az adatfeldolgozási szerződésünk, itt olvashatsz: Adatfeldolgozási szerződés és adattárolási hely.