Clarity od Microsoftu: jak nagrywać sesje użytkowników i przestać zgadywać co robią na Twojej stronie

Masz Google Analytics. Masz dane. Wiesz ile osób wchodzi na stronę, skąd przychodzą i na której stronie wychodzą.

Ale czy wiesz co robią zanim wyjdą?

Czy scrollują do połowy i się zatrzymują? Czy klikają w element który nie jest linkiem? Czy wypełniają formularz do trzeciego pola i go porzucają? Czy może w ogóle nie scrollują — bo coś na górze strony ich zniechęca?

Dane analityczne tego nie pokażą. Google Analytics mierzy punkty A i B — skąd przyszedłeś i gdzie wyszedłeś. Ale to co dzieje się między nimi — wszystkie kliknięcia, scrollowanie, wahania, frustracja — pozostaje niewidoczne.

Właśnie do tego służy Microsoft Clarity.

Czym jest Microsoft Clarity i dlaczego go używam

Microsoft Clarity to bezpłatne narzędzie analityczne które robi dwie rzeczy:

Nagrywa sesje użytkowników — dosłownie rejestruje wideo z ekranu każdego odwiedzającego. Widzisz jak porusza kursorem, gdzie klika, gdzie scrolluje, gdzie się zatrzymuje i gdzie wychodzi.

Tworzy heatmapy — agreguje dane ze wszystkich sesji i pokazuje Ci gdzie użytkownicy klikają najczęściej, jak daleko scrollują i które elementy przyciągają uwagę.

Używam go zamiast Hotjara z trzech powodów. Po pierwsze — jest całkowicie bezpłatny, bez limitów nagrań i bez płatnych planów. Po drugie — integruje się z Google Analytics 4, co pozwala łączyć dane behawioralne z danymi analitycznymi. Po trzecie — jest rozwijany przez Microsoft który ma europejską infrastrukturę, co ułatwia kwestie RODO.

Dla małej firmy która dopiero zaczyna zbierać dane o zachowaniach użytkowników — Clarity to idealne pierwsze narzędzie.

Jak zainstalować Clarity na stronie WordPress

Instalacja zajmuje około 5 minut, a program jest całkowicie darmowy.

Krok 1: Załóż konto

Wejdź na clarity.microsoft.com i zaloguj się kontem Microsoft (możesz użyć konta Gmail przez OAuth lub stworzyć nowe konto Microsoft).

Krok 2: Utwórz nowy projekt

Po zalogowaniu kliknij „Add new project”. Wpisz nazwę projektu (np. „Dobra Strategia Online”) i adres URL swojej strony. Clarity automatycznie wykryje czy strona działa na WordPressie.

Krok 3: Zainstaluj kod śledzenia

Clarity wygeneruje krótki fragment kodu JavaScript który musisz wkleić na swojej stronie. Masz dwie opcje:

Opcja A — przez WP Code (najprostsza):

1. Skopiuj kod śledzenia z Clarity
2. Wejdź w WP Code → Add New Snippet → HTML Snippet
3. Wklej kod, ustaw lokalizację na „Header” i aktywuj

Opcja B — przez wtyczkę Clarity: Microsoft ma oficjalną wtyczkę WordPress „Microsoft Clarity” w repozytorium WordPress.org. Po instalacji wystarczy wkleić swój Project ID i gotowe.

Krok 4: Zweryfikuj instalację

Wróć do dashboardu Clarity i kliknij „Verify installation”. Clarity sprawdzi czy kod jest poprawnie zainstalowany. Pierwsze dane pojawią się po kilku godzinach — nagrania sesji zaczynają się zbierać automatycznie.

Co znajdziesz w dashboardzie Clarity

Po kilku dniach zbierania danych dashboard Clarity pokaże Ci kilka kluczowych sekcji.

Nagrania sesji (Recordings)

To jest serce narzędzia. Każda sesja to osobny film — widzisz dokładnie co zrobiła konkretna osoba na Twojej stronie. Możesz filtrować nagrania według strony wejścia, urządzenia, źródła ruchu, czasu spędzonego na stronie i wielu innych parametrów.

Clarity automatycznie oznacza nagrania które zawierają tzw. sygnały frustracji:

Dead clicks — kliknięcia w elementy które nie są interaktywne. Jeśli wielu użytkowników klika w ten sam element który nic nie robi — to sygnał że myślą że powinien być linkiem lub przyciskiem.

Rage clicks — wielokrotne szybkie kliknięcia w tym samym miejscu. Klasyczny znak frustracji gdy coś nie działa tak jak użytkownik oczekuje.

Excessive scrolling — szybkie scrollowanie w górę i w dół. Zazwyczaj oznacza że użytkownik czegoś szuka i nie może znaleźć.

Quick backs — wejście na stronę i natychmiastowe cofnięcie. Strona nie spełniła oczekiwań wynikających z linku który użytkownik kliknął.

Heatmapy (Heatmaps)

Heatmapy to wizualizacja zagregowanych danych ze wszystkich sesji. Clarity oferuje trzy rodzaje:

Click heatmap — pokazuje gdzie użytkownicy klikają najczęściej. Ciepłe kolory (czerwień, pomarańcz) oznaczają miejsca z dużą liczbą kliknięć.

Scroll heatmap — pokazuje jak daleko użytkownicy scrollują stronę. Kluczowe pytanie: czy docierają do Twojego CTA na dole? Jeśli scroll heatmap pokazuje że 80% użytkowników nie schodzi poniżej połowy strony — masz problem z strukturą strony.

Area heatmap — pokazuje które obszary strony przyciągają wzrok i interakcje.

Integracja z GA4

Jeśli połączysz Clarity z Google Analytics 4, zyskujesz możliwość filtrowania nagrań według segmentów z GA4. Możesz na przykład oglądać tylko nagrania użytkowników którzy przyszli z konkretnej kampanii, spędzili na stronie więcej niż 2 minuty albo odwiedzili stronę cennika.

To jest niezwykle potężna kombinacja — GA4 mówi Ci kto przyszedł i co zrobił w liczbach, Clarity pokazuje Ci jak to wyglądało w praktyce.

Co konkretnie sprawdzać — moja lista kontrolna

Samo zainstalowanie Clarity nic nie zmienia. Wartość jest w regularnym przeglądaniu danych i wyciąganiu wniosków. Oto co sprawdzam w pierwszej kolejności przy każdym nowym projekcie:

1. Nagrania ze strony formularza kontaktowego

To jest miejsce gdzie decyzja „kupuję / nie kupuję” zapada. Oglądam nagrania sesji na stronie z formularzem i szukam odpowiedzi na pytania:

Czy użytkownicy w ogóle docierają do formularza? Czy scrollują przez cały formularz bez wypełniania? Czy zaczynają wypełniać i porzucają — i jeśli tak, to przy którym polu? Czy wracają do treści po zobaczeniu formularza?

2. Nagrania z rage clicks i dead clicks

Filtruję nagrania według tych sygnałów frustacji i oglądam kilka z każdej kategorii. Szukam wzorców — czy wielu różnych użytkowników klika w ten sam element? Jeśli tak — to konkretny problem do naprawienia.

3. Scroll heatmap strony głównej i strony cennika

Sprawdzam gdzie „urywa się” scrollowanie. Jeśli większość użytkowników nie dociera do sekcji z opiniami klientów albo do przycisku CTA — zmieniam strukturę strony żeby te elementy znalazły się wyżej.

4. Click heatmap na mobilnych urządzeniach

Osobno sprawdzam heatmapy dla urządzeń mobilnych. Często odkrywam że coś co wygląda świetnie na desktopie jest kompletnie niefunkcjonalne na telefonie — przyciski za małe, elementy za blisko siebie, ważne treści schowane za foldem.

Historia którą warto znać

W poprzednim artykule opisywałam historię firmy finansowej która przez miesiące traciła klientów — a przyczyną był brakujący przycisk do spłaty pożyczki w aplikacji mobilnej.

Tamten problem znaleźliśmy ręcznie, przechodząc przez aplikację jako klient. Gdybyśmy mieli wtedy Clarity — zobaczylibyśmy rage clicks w miejscu gdzie przycisk powinien być, albo dead clicks na elementach które użytkownicy próbowali klikać szukając spłaty.

Narzędzia takie jak Clarity nie zastępują ręcznego testowania własnych procesów. Ale znacznie skracają czas potrzebny do znalezienia problemu — zamiast tygodni analiz danych liczbowych, kilka minut oglądania nagrań.

Kilka słów o RODO i prywatności

Clarity automatycznie maskuje dane osobowe na nagraniach — numery kart kredytowych, hasła i inne wrażliwe pola są zaciemniane. Możesz też ręcznie oznaczyć elementy które mają być maskowane.

Microsoft przechowuje dane w centrach danych w Europie i Stanach Zjednoczonych. Jeśli chcesz ograniczyć przetwarzanie danych wyłącznie do Europy — w ustawieniach projektu możesz wybrać region przechowywania danych.

Pamiętaj żeby dodać wzmiankę o Clarity do swojej polityki prywatności i polityki cookies — jako narzędzie analityczne wymagające zgody użytkownika.

Jak zacząć — plan na pierwszy tydzień

Jeśli właśnie instalujesz Clarity po raz pierwszy, oto jak polecam zacząć:

Dzień 1-2: Zainstaluj Clarity i daj mu zebrać pierwsze dane. Nie zaglądaj jeszcze do dashboardu — zbyt mała próbka danych da Ci fałszywe wnioski.

Dzień 3-5: Wejdź do Recordings i obejrzyj 10-15 nagrań ze swojej najważniejszej strony (strona główna lub formularz kontaktowy). Nie szukaj jeszcze wzorców — po prostu obserwuj i notuj co Cię zaskakuje.

Tydzień 2: Zacznij filtrować nagrania według sygnałów frustracji (rage clicks, dead clicks). Obejrzyj 5-10 nagrań z każdej kategorii. Czy widzisz powtarzające się wzorce?

Tydzień 3: Sprawdź scroll heatmapy dla kluczowych stron. Jak daleko scrollują użytkownicy? Czy docierają do Twojego CTA?

Pierwsze wnioski zazwyczaj pojawiają się już po 2-3 tygodniach. I prawie zawsze są zaskakujące.

Podsumowanie

Microsoft Clarity to jedno z tych narzędzi które zmieniają perspektywę. Zamiast patrzeć na liczby i zgadywać co za nimi stoi — widzisz konkretnych ludzi którzy wchodzą na Twoją stronę i obserwujesz ich zachowanie.

To nie zastępuje danych z GA4. To je uzupełnia. Dane mówią Ci co — Clarity pokazuje Ci jak.

Bezpłatne, bez limitów, z integracją z GA4. Nie ma powodu żeby tego nie zainstalować.

Zainstalowałeś/zainstalowałaś Clarity i nie wiesz co z tym dalej zrobić? Albo widzisz problemy na nagraniach ale nie wiesz jak je naprawić? Napisz do mnie
— możemy to przejrzeć razem.