Grafiki w tym artykule zostały wygenerowane przez AI i mogą zawierać niedoskonałości. Prawdziwe zrzuty ekranu z aplikacji zostaną dodane wkrótce.
Artykuł może opisywać funkcje, które są dopiero w planach. Jeśli potrzebują Państwo którejś z nich priorytetowo, prosimy o kontakt przez formularz kontaktowy (dotyczy subskrypcji Business lub wyższej).
Jak działa nagrywanie sesji
Lekki skrypt JavaScript (poniżej 30KB po kompresji gzip) jest dodawany do Twojej strony. Gdy użytkownik wchodzi na stronę, skrypt rejestruje mutacje DOM, koordynaty myszki, pozycje przewijania i zdarzenia wprowadzania danych. Dane są serializowane przy użyciu protokołu rrweb i przesyłane strumieniowo na nasze serwery.
Po stronie backendu zdarzenia są przechowywane w formacie szeregów czasowych zoptymalizowanym pod odtwarzanie. Player odtwarza stan strony poprzez sekwencyjne odtwarzanie mutacji, tworząc wizualną reprodukcję sesji użytkownika.
Z perspektywy użytkownika: nic się nie zmienia. Skrypt działa asynchronicznie i ma minimalny wpływ na wydajność strony (typowo poniżej 2ms na klatkę). Wrażliwe dane mogą być automatycznie maskowane przy użyciu selektorów CSS lub atrybutów data.
![[img: pozioma ilustracja pokazująca okno przeglądarki ze śladem kursora, wskaźnikami kliknięć i markerami głębokości przewijania nałożonymi na interfejs strony checkout, estetyka czystego dashboardu SaaS]](/images/features/record1.webp)
Przykład z życia
Firma SaaS zauważa wysoki współczynnik porzuceń podczas rejestracji. Analityka pokazuje, że użytkownicy odchodzą w kroku 2, ale nie dlaczego. Nagrania sesji ujawniają, że użytkownicy wielokrotnie klikają wyłączony przycisk "Dalej" — nie zdają sobie sprawy, że wymagany checkbox na dole formularza nie jest zaznaczony.
Rozwiązanie: przeniesienie checkboxa nad przycisk i dodanie walidacji inline. Rezultat: 23% wzrost ukończeń rejestracji. Bez nagrań sesji ten konkretny punkt tarcia pozostałby niewidoczny w danych lejka.
![[img: pozioma ilustracja pokazująca interfejs playera odtwarzającego sesję z osią czasu, kontrolkami odtwarzania i markerami zdarzeń, styl ciemnego dashboardu analitycznego]](/images/features/record2.webp)
Najczęściej zadawane pytania
Czy nagrywanie sesji wpływa na wydajność strony?
Wpływ jest minimalny. Skrypt działa asynchronicznie i pasywnie rejestruje zdarzenia. Typowe obciążenie to poniżej 2ms na klatkę. Używamy requestIdleCallback gdzie jest wspierane, aby jeszcze bardziej zmniejszyć wpływ na interaktywność strony.
Jak są obsługiwane wrażliwe dane?
Pola formularzy są domyślnie maskowane — rejestrujemy, że tekst został wprowadzony, ale nie same znaki. Możesz skonfigurować dodatkowe maskowanie używając klas CSS lub atrybutów data-*. Pola hasła nigdy nie są nagrywane.
Jak długo są przechowywane nagrania?
Czas przechowywania zależy od planu: 30 dni dla Starter, 90 dni dla Professional, 180 dni dla Business i 365 dni dla Enterprise. Po tym czasie dane sesji są trwale usuwane.
Czy mogę nagrywać sesje na aplikacjach SPA?
Tak. Skrypt automatycznie obsługuje routing po stronie klienta i dynamiczne zmiany treści. Śledzi mutacje DOM niezależnie od tego, jak są wyzwalane — czy przez React, Vue, Angular czy vanilla JavaScript.
