Microsoft Clarity to darmowe narzędzie, które zapisuje, co odwiedzający robią na stronie. Pokazuje odtworzenia pojedynczych wizyt oraz kolorowe mapy kliknięć i przewijania, a według producenta nie ma płatnych planów ani limitu nagrywanych wizyt. Obok liczb z Google Analytics pomaga zobaczyć, co ludzie robili przed rezygnacją, i sformułować przypuszczenia do sprawdzenia.
Co znajdziesz w tym artykule?
Czym jest Microsoft Clarity i jak działa na stronie internetowej?
Wskaźniki frustracji: jak wykryć punkty tarcia na stronie?
Brak limitów ruchu i sesji: co to daje przy dużych serwisach?
Jak zainstalować Clarity i połączyć je z Google Analytics 4?
Prywatność i maskowanie danych: jak spełnić wymogi RODO?
Zgody użytkowników i Consent Mode v2: jak poprawnie wdrożyć skrypt?
Microsoft Clarity czy inne narzędzia? Porównanie możliwości i ocena
Najczęściej zadawane pytania (FAQ)
Microsoft Clarity to bezpłatne narzędzie analityczne firmy Microsoft, które pokazuje, jak ludzie korzystają ze strony: gdzie klikają, jak przewijają i w którym miejscu przerywają wizytę. Należy do grupy nazywanej oprogramowaniem do analizy behawioralnej, czyli badającym zachowanie odwiedzających, a nie tylko ich liczbę. Według producenta korzystanie z Clarity nie wymaga karty kredytowej ani subskrypcji, bo narzędzie nie ma płatnych planów.
Na stronie umieszcza się krótki kod, który w przeglądarce odwiedzającego zapisuje kliknięcia, ruchy kursora i przewijanie. Z tych zapisów powstaje nagranie sesji, czyli odtworzenie działań jednej osoby na stronie. Nie jest to film z jej ekranu, tylko rekonstrukcja zbudowana z zarejestrowanych zdarzeń.
Drugim typem danych jest mapa cieplna: obraz strony, na którym kolory pokazują, gdzie odwiedzający klikają najczęściej i jak daleko przewijają. Clarity tworzy mapy kliknięć, przewijania oraz obszarów zainteresowania. Na takim obrazie łatwo zauważyć elementy przyciągające uwagę i fragmenty, do których mało kto dociera. Według dokumentacji produktu zwykłe nagrania są przechowywane przez 30 dni, nagrania oznaczone jako ulubione przez 13 miesięcy, a dane map cieplnych również przez 13 miesięcy.
Czy Clarity spowalnia stronę? Standardowy skrypt ładuje się asynchronicznie, czyli w tle, więc jego pobieranie nie wstrzymuje wczytywania treści. Nie oznacza to jednak zerowego obciążenia, bo zapisywanie zdarzeń i wysyłanie danych zużywa zasoby przeglądarki, zwłaszcza na słabszych telefonach. Wpływ na Core Web Vitals, czyli wskaźniki Google opisujące szybkość wyświetlania głównej treści, reakcję na działania użytkownika i stabilność układu, sprawdza się pomiarem przed wdrożeniem i po nim.
Clarity może wspierać firmy, które chcą zwiększyć liczbę konwersji, czyli sytuacji, gdy odwiedzający wykonuje pożądane działanie, na przykład kupuje albo wysyła formularz. W sklepie internetowym chodzi zwykle o koszyk i kolejne kroki zamówienia, a w firmie usługowej o formularz kontaktowy lub stronę, na którą kieruje reklama. Wdrożenie ma sens szczególnie wtedy, gdy raporty pokazują, że wielu odwiedzających odchodzi przed wykonaniem takiego działania, a przyczyna nie jest oczywista.
Clarity dodaje do liczb kontekst, czyli pokazuje zachowania, które mogą stać za wynikiem widocznym w raportach. Analityka ilościowa odpowiada na pytania „ile” i „gdzie”: ile osób weszło, ile kupiło, na którym kroku odeszło. Nie odtwarza jednak szczegółowego przebiegu ich działań tuż przed wyjściem. (Źródło: Microsoft, dokumentacja Microsoft Clarity)
Załóżmy, że sklep z meblami widzi w raporcie wielu klientów rezygnujących na etapie wyboru dostawy. Nagrania sesji mogą pokazać, że część z nich kilka razy klika nieaktywną opcję dostawy, a potem zamyka kartę. Takie obserwowanie zachowań to analiza jakościowa. Daje ona hipotezę, nie dowód przyczyny, dlatego po poprawce sklep znów sprawdza liczby i ocenia, czy rezygnacji ubyło.
Najważniejsze: Przed wdrożeniem Clarity dobrze jest wybrać jeden etap, na którym raporty pokazują najwięcej rezygnacji, i zmierzyć szybkość strony, aby po instalacji mieć punkt odniesienia dla obu tych obserwacji.
Clarity mierzy cztery wskaźniki frustracji: wściekłe kliknięcia, martwe kliknięcia, nadmierne przewijanie i szybkie powroty. Oznacza je w nagraniach sesji jako sygnały możliwych trudności, czyli punktów tarcia, na które natrafiają odwiedzający. Wylicza je z zapisanych kliknięć, ruchów kursora i przewijania.
| Wskaźnik | Co oznacza? | Co sprawdzić w nagraniu? |
|---|---|---|
| wściekłe kliknięcia (rage clicks) | seria szybkich kliknięć w jednym obszarze | czy przycisk reaguje z opóźnieniem |
| martwe kliknięcia (dead clicks) | kliknięcie bez wykrytej reakcji strony | czy element tylko wygląda jak link |
| nadmierne przewijanie (excessive scrolling) | intensywne przewijanie, które może wskazywać na trudność ze znalezieniem informacji | czy koszt dostawy nie jest ukryty nisko |
| szybkie powroty (quick backs) | szybki powrót do poprzedniej strony | czy treść odpowiada zapowiedzi z linku |
Tabela pokazuje, że wskaźnik sygnalizuje miejsce potencjalnego problemu, a nie jego przyczynę. W filtrach nagrań można wybrać same sesje z wściekłymi kliknięciami i obejrzeć je po kolei. Z obserwacji powstaje hipoteza, którą sprawdza się, porównując dwie wersje strony.
Najważniejsze: Dobrym pierwszym krokiem jest obejrzenie kilku nagrań z najczęstszym sygnałem na etapie zamówienia i zapisanie, co użytkownik próbował zrobić.
Według producenta Clarity nie ma limitu ruchu ani liczby nagrywanych sesji, więc duży serwis nie musi przechodzić na płatny plan wraz ze wzrostem odwiedzin. Nie ogranicza też liczby projektów, dlatego sklep z kilkoma domenami może bez dopłat prowadzić osobny projekt dla każdej z nich.
Przy tysiącach nagrań trudniej natomiast wybrać te, które warto obejrzeć. Zespół zapisuje więc stałe filtry, np. sesje z telefonów z produktem w koszyku. Więcej nagrań to także więcej zapisanych treści, które trzeba chronić przed ujawnieniem danych.
Najważniejsze: Firma z dużym ruchem zyskuje najwięcej, gdy na starcie ustala kilka nazwanych filtrów powiązanych z celami sprzedaży.
Clarity najwygodniej zainstalować przez gotowy szablon w narzędziu do zarządzania kodami na stronie, a potem w ustawieniach Clarity włączyć połączenie z analityką Google. Google Tag Manager (GTM) to narzędzie do dodawania kodów analitycznych i marketingowych (tzw. tagów) na stronie oraz ustalania, kiedy mają się uruchamiać. Jeśli firma go nie używa, skrypt śledzący Clarity, czyli fragment kodu zapisujący działania odwiedzających, można też wkleić ręcznie do szablonu strony.
Instalacja przez GTM obejmuje sześć kroków:
Google Analytics 4 (GA4) to narzędzie Google do mierzenia ruchu, działań użytkowników i realizacji celów na stronach oraz w aplikacjach. Integrację włącza się w ustawieniach projektu Clarity, logując się na konto Google i wybierając właściwą usługę GA4.
Po poprawnej konfiguracji raporty GA4 mogą zawierać odnośnik do nagrania danej sesji, który trafia do wymiaru niestandardowego, czyli dodatkowej kolumny w raportach. Połączenie ma sens dopiero wtedy, gdy kod Clarity działa już na stronie, bo bez niego nie ma nagrań, do których odnośnik mógłby prowadzić. (Źródło: Microsoft, dokumentacja Microsoft Clarity; Google, dokumentacja Google Analytics 4)
Weźmy sklep z rowerami, który w lejku zakupowym GA4, czyli raporcie pokazującym, ile osób przechodzi kolejne kroki zakupu, widzi dużo wyjść na kroku płatności. Analityk zawęża raport do tych sesji, otwiera dołączone odnośniki i ogląda nagrania w Clarity. Może zauważyć, że formularz po błędnie wpisanym kodzie pocztowym czyści wszystkie pola. Taka obserwacja staje się hipotezą do poprawki i ponownego sprawdzenia liczb.
Najważniejsze: Najpierw warto uruchomić i przetestować tag Clarity z regułą zgody, a po pojawieniu się pierwszych nagrań włączyć połączenie z GA4.
Clarity pomaga ograniczyć zapis danych osobowych, ale samo nie przesądza o zgodności z RODO, czyli unijnymi przepisami o ochronie danych osobowych. Tę ocenę przeprowadza właściciel strony, zależnie od swojej sytuacji.
Maskowanie danych ukrywa wybrane treści, zanim trafią do Clarity. Jego poziom wybiera się w ustawieniach projektu, gdzie mechanizm maskowania tekstu ma trzy tryby:
Weźmy biuro rachunkowe, które w panelu klienta wyświetla jego imię i numer NIP. Automatyczne rozpoznawanie może tego nie wychwycić, więc programista oznacza sekcję w kodzie strony specjalnym znacznikiem data-clarity-mask=”true”, a znacznik data-clarity-unmask=”true” odsłania bezpieczne fragmenty. Maskowanie decyduje jednak o widoczności treści w nagraniach i mapach cieplnych, a nie o tym, czy tag wolno uruchomić.
Najważniejsze: Po każdej zmianie maskowania dobrze jest obejrzeć kilka nagrań z panelu klienta i sprawdzić, czy nie widać na nich żadnych danych.
W Unii Europejskiej skrypt Clarity zwykle uruchamia się dopiero po zgodzie odwiedzającego na pomiar analityczny. Zgody co do zasady wymaga zapisywanie lub odczytywanie plików cookie i identyfikatorów, które nie są niezbędne do działania strony, a Clarity korzysta z takich plików zależnie od stanu zgody i konfiguracji. Odwiedzający nie musi ich akceptować, a strona powinna działać także po odmowie.
Które pliki cookie wymagają zgody? Zwykle te analityczne, marketingowe i służące do rozpoznawania użytkownika między wizytami, w tym pliki używane do nagrywania sesji. Bez zgody mogą działać pliki niezbędne, np. zapamiętujące zawartość koszyka lub sesję zalogowanego klienta. Ostateczny podział zależy od sytuacji konkretnej strony, dlatego warto go potwierdzić z osobą odpowiedzialną za ochronę danych.
Zbieranie zgód użytkowników zapewnia platforma zarządzania zgodami (Consent Management Platform, CMP), czyli narzędzie wyświetlające baner, zapisujące wybory i przekazujące je systemom na stronie.
Do przekazania wyborów narzędziom Google służy Consent Mode v2, mechanizm Google, który informuje tagi o udzielonych zgodach. W GTM trzeba skonfigurować uruchamianie tagu Clarity po zgodzie oraz przekazywanie informacji o zgodzie do Clarity. Samo oznaczenie w Consent Mode v2, że użytkownik zgodził się na pomiar analityczny (analytics_storage = granted), nie zastępuje takiej konfiguracji.
Załóżmy, że sklep z kosmetykami testuje wdrożenie w trybie podglądu GTM. Tester odrzuca zgody i sprawdza, że tag Clarity się nie uruchomił. Następnie akceptuje pomiar, a tag powinien zadziałać od razu, bez przeładowania strony. Wyniki dobrze jest omówić z dostawcą CMP, bo nie każdy baner przekazuje zmianę wyboru w ten sam sposób.
Najważniejsze: Test odmowy i akceptacji zgody warto powtarzać po każdej zmianie banera lub tagów, zanim nowa wersja trafi na stronę.
Na tle płatnych narzędzi, takich jak Smartlook czy FullStory, Clarity wyróżnia się tym, że nagrania sesji i mapy cieplne udostępnia bez opłat.
| Kryterium | Microsoft Clarity | Co sprawdzić u innych? |
|---|---|---|
| Koszt | bez opłat i limitu sesji | cennik zależny od ruchu |
| Test dwóch wersji strony | wymaga innego narzędzia | czy jest w pakiecie |
| Ankiety na stronie | zakres do sprawdzenia w dokumentacji | czy są w pakiecie |
Tabela pokazuje, że w 2026 roku Clarity dobrze pasuje do firm, które bez budżetu na narzędzia prowadzą optymalizację współczynnika konwersji, czyli starają się, by więcej odwiedzających kupowało lub wysyłało formularz. Mała lub średnia firma może więc zacząć od Clarity i sięgnąć po płatne rozwiązanie, gdy zabraknie jej konkretnych funkcji.
Gdy audyt UX, czyli przegląd wygody korzystania ze strony, wymaga ankiet i testów w jednym miejscu, płatny pakiet może okazać się wygodniejszy.
Najważniejsze: Wybór narzędzia ułatwia spisanie potrzebnych funkcji, zanim zacznie się porównywać cenniki.
Według dokumentacji produktu zwykłe nagrania sesji są dostępne przez 30 dni. Nagrania oznaczone w panelu jako ulubione Clarity zachowuje przez 13 miesięcy, tak samo jak dane map cieplnych. Ważne nagrania najlepiej oznaczać od razu po obejrzeniu, bo po miesiącu zwykłe zapisy znikają.
Tak. Microsoft udostępnia Clarity bez opłat, bez płatnych planów i bez limitu sesji, który rósłby razem z ruchem w sklepie. Nagrania i mapy cieplne działają w tym samym zakresie dla małych i dużych serwisów. Jednym z istotnych ograniczeń pozostaje czas przechowywania danych, a sposób, w jaki Microsoft wykorzystuje zebrane informacje, opisują aktualne warunki korzystania z usługi.
Najprościej porównać wyniki tej samej podstrony przed instalacją i po niej, w Lighthouse albo PageSpeed Insights, czyli bezpłatnych narzędziach Google do oceny szybkości stron. Pomiary dobrze jest powtórzyć kilka razy, na tym samym urządzeniu i przy podobnym połączeniu, bo pojedynczy wynik potrafi się wahać. Przy porównaniu liczą się zwłaszcza czas wyświetlenia największego elementu widocznego na ekranie (LCP) i łączny czas, przez który strona nie reaguje na działania użytkownika, bo przeglądarka jest zajęta innymi zadaniami (TBT). Ładowanie w tle zmniejsza ryzyko spowolnienia, lecz rzeczywisty wpływ pokazuje dopiero taki pomiar.
Clarity domyślnie ukrywa treść wpisywaną w pola formularzy, co chroni m.in. hasła i dane płatnicze. W trybie Balanced narzędzie dodatkowo zakrywa rozpoznane adresy e-mail oraz ciągi cyfr widoczne na stronie. Dane wyświetlane w zwykłym tekście, np. imię klienta w panelu konta, mogą pozostać widoczne, dlatego takie miejsca programista oznacza do ukrycia ręcznie.
Połączenie Clarity z Google Analytics 4 pozwala przejść od liczb w raporcie do zachowań konkretnych osób. Dzięki odnośnikowi do nagrania analityk wybiera np. osoby, które opuściły koszyk na kroku płatności, i ogląda ich wizyty. W nagraniach widać wtedy możliwe powody rezygnacji, takie jak błąd formularza albo niejasny komunikat. (Źródło: Microsoft, dokumentacja Microsoft Clarity dotycząca integracji z Google Analytics 4)
Wściekłe kliknięcia to kilka szybkich kliknięć w jednym miejscu, które często pojawiają się, gdy strona reaguje z opóźnieniem lub nie reaguje wcale. Martwe kliknięcie to kliknięcie, po którym Clarity nie wykrywa oczekiwanej reakcji strony. Pierwszy sygnał może wiązać się z niecierpliwością użytkownika, drugi z elementem, który wygląda na klikalny, ale nim nie jest albo nie działa. Oba wskazują miejsce do obejrzenia w nagraniach, a nie gotową przyczynę.
Tagi:
Historie sukcesów
Ostatnie wpisy na blogu
