Na czym to polega w sklepie
Clarity domyślnie maskuje wiele pól wrażliwych, ale w checkout i koncie klienta musisz jawnie oznaczyć elementy z PII klasą clarity-mask lub regułami w ustawieniach projektu. Inaczej w nagraniu widać e-mail, adres i numer telefonu - problem compliance przy udostępnianiu nagrań zespołowi.
Przykład ze sklepu internetowego
Checkout z polami e-mail, telefon i adres - maskowanie przed udostępnieniem QA:
<!-- Pola do zamaskowania w DOM -->
<input type="email" name="email" class="clarity-mask" />
<input type="tel" name="phone" class="clarity-mask" />
<div class="order-summary clarity-mask">...</div>
// Lub w Clarity project settings:
// Settings → Masking → Add CSS selector
// input[name="email"], input[name="phone"], .address-line
// Weryfikacja: odtwórz własną sesję testową → pola zamazane
Co zrobić po stronie biznesu
- Maskuj też numer zamówienia jeśli jest jednoznaczny identyfikatorem klienta.
- Przed sharingiem linku do nagrania sprawdź, czy maskowanie działa na mobile.
- RODO: ogranicz dostęp do projektu Clarity - maskowanie nie zastępuje kontroli uprawnień.
W skrócie
masking PII to obowiązek przy nagraniach checkout. Dodaj clarity-mask na polach formularza zanim zaprosisz marketing do oglądania sesji.