Microsoft Clarity – Darmowa alternatywa dla Hotjar
Narzędzia26 listopada 20245 min czytania
Spis treści
Microsoft Clarity to darmowe narzędzie do analizy ruchu na stronach internetowych, które stanowi świetną alternatywę dla Hotjar. Oferuje heatmapy, nagrania sesji użytkowników i szczegółowe statystyki – wszystko za 0 zł.
Dlaczego warto wybrać Microsoft Clarity?
Microsoft Clarity to narzędzie stworzone przez Microsoft, które jest całkowicie bezpłatne bez limitu ruchu. W odróżnieniu od Hotjar, który wymaga płatnego planu przy większym ruchu, Clarity nie nakłada żadnych ograniczeń na liczbę nagrań sesji.
Główne funkcje Microsoft Clarity:
Heatmapy kliknięć – wizualizacja miejsc, w które klikają użytkownicy
Scroll mapy – jak daleko użytkownicy scrollują stronę
Nagrania sesji – pełne nagrania wizyt na stronie
Dead clicks – wykrywanie frustrujących kliknięć w nieaktywne elementy
Rage clicks – identyfikacja miejsc powodujących frustrację użytkowników
Integracja z Google Analytics – łączenie danych behawioralnych z danymi GA4
Porównanie z Hotjar
Funkcja
Hotjar
Microsoft Clarity
Cena
Od $39/mies.
Bezpłatne
Limit sesji
Zależny od planu
Bez limitu
Heatmapy
Tak
Tak
Nagrania sesji
Tak
Tak
Integracja GA4
Tak
Tak
Wdrożenie Clarity — kod i konfiguracja
Wdrożenie Microsoft Clarity jest banalne, ale są 3 sensowne sposoby — różniące się tym, ile danych dasz Clarity oraz jak zintegrujesz dane z GA4 i własnym pomiarem.
1. Bezpośrednio w HTML (najprostsze, dla małych stron)
Skopiuj snippet z panelu Clarity i wklej w sekcji <head>. Działa od razu, ale nie integruje się z Consent Mode v2 i nie pozwala na zaawansowane wykluczenia. Dla małej strony wizytówkowej OK, dla sklepu zdecydowanie za mało.
2. Przez Google Tag Manager (rekomendowane dla większości projektów)
Konfigurujemy Clarity jako Custom HTML tag w GTM, podpinamy go pod trigger „Consent — analytics granted" (Consent Mode v2). W ten sposób Clarity startuje dopiero po świadomej zgodzie użytkownika — co jest zgodne z RODO i nie zafałszuje danych nagraniami z banera. Dodatkowo Clarity przyjmuje przez GTM event clarity('event', 'event_name'), którym można oznaczać kluczowe akcje (dodanie do koszyka, wysłanie formularza). Później w panelu Clarity filtrujesz nagrania per event.
3. Integracja Clarity ↔ GA4 (must-have dla e-commerce)
Clarity ma natywną integrację z GA4 — po podpięciu w panelu Clarity dostajesz w GA4 nowy wymiar clarity_recording z URL do konkretnego nagrania sesji. Praktyczne zastosowanie: w GA4 filtrujesz konwersje typu „begin_checkout bez purchase" (porzucone checkouty), klikasz w nagranie, oglądasz dokładnie co poszło nie tak. Bez tej integracji szukasz po omacku po nagraniach.
Co realnie znajdujemy w nagraniach — przykłady z naszych projektów
Nagrania sesji wyłapują rzeczy, których nie zobaczysz w GA4 ani na heatmapie. Konkrety z projektów, w których prowadziliśmy CRO z Clarity:
Max Mazurkiewicz
Founder
POTRZEBUJESZ SPERSONALIZOWANEJ WYCENY?
Chcesz się na coś zdecydować ale od nadmiaru możliwości boli głowa? Skontaktuj się z nami, dobierzemy rozwiązanie do potrzeb Twojej firmy.
Rage clicks na nieklikalne elementy — typowy scenariusz: klient klika na zdjęcie produktu spodziewając się powiększenia (lightbox), nic się nie dzieje, klika kilkanaście razy, wychodzi. Naprawa: dodanie kursora „zoom" + faktyczny lightbox. W sklepach z dobrymi zdjęciami produktowymi to często niedoceniony hot fix.
Dead clicks na placeholdery — klient klika w okrągłą ikonę „avatar użytkownika" w prawym górnym rogu, oczekując menu konta, dostaje stronę logowania bez wcześniejszego komunikatu. Naprawa: jasny dropdown z opcjami „zaloguj / zarejestruj / kontynuuj jako gość".
Sesje z długimi przerwami na karcie produktu — w sklepie technicznym (jak Giełda Biomasy z tabelą 12 parametrów pelletu) klient zatrzymuje się na 2-3 minuty czytając parametry — to dobry sygnał, że sekcja zaangażowała. W sklepie modowym te same 2-3 minuty oznaczają zwykle dezorientację, nie zaangażowanie.
Porzucony koszyk z konkretnego pola formularza — Clarity pokazuje, że klient zostaje na polu „numer telefonu" przez 15 sekund i wychodzi. Naprawa: usunięcie pola (opcjonalne), albo lepsza walidacja inline z konkretnym formatem.
Mobile zoom na ceny — klient na telefonie kilkukrotnie powiększa cenę palcami, jakby nie wierzył w to, co widzi. Naprawa: większa czcionka ceny + bardziej kontrastowy kolor.
Privacy i RODO — co Clarity zbiera
Microsoft Clarity zbiera anonimowe dane behawioralne — kliknięcia, scrolle, ruch kursora — bez personalnych identyfikatorów. Co warto wiedzieć z perspektywy RODO:
Mask sensitive content — Clarity domyślnie maskuje pola formularzy (typu input[type="password"], kart kredytowych). Możesz dodać własne selektory CSS dla pól, które chcesz dodatkowo zamaskować (np. dane osobowe na karcie zamówienia).
Brak personalnych identyfikatorów — Clarity nie przekazuje email, nazwiska, IP w formie umożliwiającej identyfikację. Ale: jeśli na stronie widać te dane (np. w nagraniu strony „moje konto"), zostaną w nagraniu. Dlatego maskowanie selektorów stron prywatnych jest istotne.
Hostowanie u Microsoftu — dane Clarity są hostowane w infrastrukturze Microsoft Azure. Dla większości firm akceptowalne; dla branż regulowanych (medycyna, finanse) warto sprawdzić wymogi compliance przed wdrożeniem.
Polityka prywatności — w polityce prywatności strony musi być wzmianka o Clarity z linkiem do polityki Microsoft. Standardowy zapis, ale wymagany.
Kiedy Clarity nie wystarczy — kiedy Hotjar / FullStory
Clarity ma swoje limity. Hotjar i FullStory dają więcej w określonych scenariuszach:
Funnels i CRO testing — Hotjar ma natywne funkcje do A/B testów (Engage) i ankiet na stronie (Polls, Surveys). Clarity tego nie ma.
Pricing rozsądny dla bardzo dużych stron — przy 10 mln sesji miesięcznie Hotjar Business jest droższy, ale daje lepsze możliwości segmentacji.
Identyfikacja użytkownika — FullStory pozwala (z odpowiednim consent) łączyć sesje z konkretnymi userami w SaaS. Clarity tego nie zrobi.
Dla 90% sklepów e-commerce i stron firmowych Clarity jest absolutnie wystarczający — i to za 0 zł. Dla zaawansowanych zastosowań CRO / SaaS warto rozważyć rozbudowę.
Heatmapy w Clarity — jak je czytać poprawnie
Heatmapa to wizualizacja kliknięć (click map) lub przewijania (scroll map) zagregowana na konkretnej podstronie. Trzy zasady, które stosujemy interpretując heatmapy:
Filtruj per device — heatmapa mobile vs desktop to dwa różne światy. Klient na desktop klika w nagłówek menu, klient mobile w hamburger. Heatmapa „wszystkie" miesza sygnały i ukrywa wzorce.
Filtruj per kanał ruchu — klient z Google Ads ma inną intencję niż klient z organic. Heatmapa z osobnym filtrem na utm_source=google_ads pokazuje, gdzie traci się klient z reklamy (zwykle hot fix: lepsze dopasowanie strony docelowej do treści reklamy).
Czas — heatmapa „ostatnie 7 dni" vs „ostatnie 30 dni" — krótszy okres dla świeżych zmian (czy nowy layout działa lepiej?), dłuższy dla baseline (jak wygląda normalna sesja).
Scroll mapa — niedoceniona funkcja
Scroll mapa pokazuje, jak głęboko klient przewija stronę. Dla landingu sprzedażowego, gdzie CTA jest poniżej fold, scroll mapa to absolutna podstawa CRO. Typowe wzorce, które obserwujemy:
50% scrolla = 50% klientów — jeśli kluczowy CTA jest poniżej tej granicy, połowa odbiorców go nie widzi. Naprawa: sticky CTA na mobile, dodatkowy CTA powyżej fold.
Skok w scrollu — klient nagle przeskakuje 30% strony bez przewijania. Zwykle oznacza kliknięcie w spis treści lub anchor link. Sygnał, że sekcja powyżej była nudna lub niedopasowana.
Wzrost na końcu strony — klient dociera do stopki. Zwykle oznacza, że treść była ciekawa, ale CTA gdzieś po drodze zawiódł. Dodaj CTA przy końcu strony.
Podsumowanie
Jeśli szukasz darmowego narzędzia do analizy zachowania użytkowników na swojej stronie, Microsoft Clarity to dziś domyślny wybór. Oferuje wszystkie kluczowe funkcje Hotjar bez żadnych kosztów, integruje się z GA4 i Google Tag Manager, działa zgodnie z Consent Mode v2 (przy poprawnej konfiguracji). Szczególnie polecamy dla sklepów internetowych, gdzie nagrania sesji + integracja z lejkiem GA4 dają konkretną mapę do CRO — opisaliśmy mechanikę w naszym artykule o optymalizacji konwersji.
Najczęściej zadawane pytania
Tak — Microsoft Clarity jest w 100% bezpłatne, bez limitu ruchu, bez limitu nagrań sesji i bez ukrytych opłat. Microsoft monetyzuje dane zagregowane (nie indywidualne) do ulepszania swoich produktów, dlatego narzędzie jest darmowe.
Główna różnica to cena — Clarity jest darmowe, Hotjar zaczyna od $39/mies. Hotjar oferuje dodatkowe funkcje (ankiety, feedback widgets, funnels), których Clarity nie ma. Ale core features (heatmapy, nagrania sesji, rage clicks) są porównywalne.
Wpływ Clarity na wydajność jest minimalny — skrypt waży ok. 17 KB i ładuje się asynchronicznie. Microsoft zoptymalizował go pod kątem Core Web Vitals. W testach na produkcyjnych stronach nie zaobserwowałem mierzalnego wpływu na LCP czy INP.
W ustawieniach Clarity jest opcja integracji z GA4 — wystarczy kliknąć „Connect" i zalogować się na konto Google. Po połączeniu dane z Clarity (nagrania sesji, heatmapy) są dostępne bezpośrednio z poziomu raportów GA4.
Rage clicks to wielokrotne szybkie kliknięcia w ten sam element — sygnał frustracji użytkownika (element nie reaguje lub ładuje się wolno). Dead clicks to kliknięcia w nieaktywne elementy (tekst wyglądający jak link, grafika bez linka). Oba wskazują na problemy UX wymagające naprawy.
