Bezpłatna konsultacja

Hotjar w e-commerce: mapy ciepła, nagrania sesji, ankiety — co zmienia i jak wdrożyć | matuszczak.pro
Hotjar · Mapy ciepła · Nagrania sesji · UX · Konwersja

Hotjar transformuje strategie marketingowe — co tracisz bez danych o zachowaniu użytkowników?

Google Analytics mówi ILE osób wyszło ze strony. Hotjar mówi DLACZEGO wyszło. Bez tej drugiej warstwy danych podejmujesz decyzje UX i marketingowe na podstawie domysłów — i płacisz za to porzuconymi koszykami, niską konwersją i budżetem reklamowym który nie zwraca się tak jak powinien.

Strona główna Technologia i narzędzia Hotjar w e-commerce
💡
Hotjar ma jeden fundament: dane jakościowe uzupełniają dane ilościowe. GA mówi „70% użytkowników porzuca koszyk" — Hotjar pokazuje nagranie tych 70% i widać, że wszyscy zatrzymują się przy polu kodu pocztowego. To jest różnica między zgadywaniem a wiedzą.
Aktualizacja: 2026
Średnie porzucenie koszyka
69–75%
tyle użytkowników opuszcza sklep bez zakupu — bez danych UX nie wiesz dlaczego
Wzrost konwersji po analizie
+10–30%
typowy efekt po wdrożeniu zmian na podstawie nagrań i map ciepła
Czas do pierwszych wniosków
48–72 h
od instalacji skryptu do pierwszych konkretnych danych i nagrań
Plan bezpłatny do
0 sesji/dzień
Hotjar Basic jest bezpłatny — dla małych sklepów wystarczający do startu
TL;DR

Najkrócej: co Hotjar zmienia w e-commerce

5 faktów, które pokazują dlaczego dane jakościowe to nie luksus, a fundament dobrych decyzji. Reszta artykułu to szczegóły i konkretne wdrożenia.

01
GA mówi CO — Hotjar mówi DLACZEGO
Bounce rate 80% to tylko liczba. Nagranie sesji pokazuje, że użytkownicy klikają w obraz produktu myśląc, że to link — i frustrują się, że nic się nie dzieje. Nagrania sesji →
02
Mapy ciepła ujawniają niewidzialne wzorce klikania
Użytkownicy klikają tam, gdzie nie ma linków. Ignorują CTA, które uważasz za oczywiste. Przewijają do miejsca, które pomijasz. Mapy ciepła →
03
Ankiety on-exit łapią porzucenia koszyka zanim odejdą
Jedno pytanie wyświetlone przy próbie opuszczenia strony koszyka może powiedzieć więcej niż miesiąc danych GA. „Co powstrzymało Cię przed zakupem?" Ankiety →
04
Hotjar + GA = pełny obraz ścieżki zakupowej
Integracja pozwala filtrować nagrania tylko dla użytkowników, którzy przyszli z konkretnej kampanii reklamowej — i zobaczyć co dokładnie robili. Integracja →
05
Plan Basic jest bezpłatny i wystarczy na start
35 sesji dziennie w planie bezpłatnym wystarczy małemu sklepowi do zebrania pierwszych wniosków. Zanim zapłacisz — sprawdź czy narzędzie działa u Ciebie. Kiedy wdrożyć →
Fundament, który większość sklepów pomija
Sklepy inwestują tysiące złotych w Allegro Ads i SEO — przyciągają ruch. A potem ten ruch wychodzi przez dziury, których właściciel nigdy nie widział, bo nie ma narzędzia do obserwowania zachowań. Hotjar zamknięcie tych dziur sprawia, że każda złotówka reklamy pracuje efektywniej. Sprawdź: jak czytać dane w e-commerce →
Problem

Dlaczego Google Analytics nie wystarczy — i co Hotjar dodaje

GA i Hotjar to nie konkurenci — to dwie warstwy tej samej układanki. Bez jednej z nich jesteś ślepy na połowę rzeczywistości.

📊
GA mówi: „strona X ma bounce rate 78%"
dane ilościowe
Wiesz, że problem istnieje. Nie wiesz gdzie, dlaczego, ani co zmienić. Możesz zgadywać — i często się mylić. Każda zła decyzja to stracony budżet developerski i kolejne tygodnie oczekiwania na efekt.
Hotjar dodaje: nagrania tych 78% użytkowników — zobaczysz dokładnie co ich zatrzymało
🛒
GA mówi: „70% porzuceń koszyka w kroku 2"
lejek zakupowy
Wiesz, gdzie odpada ruch. Ale krok 2 to formularz z 12 polami — które z nich powoduje rezygnację? Czy to pole kodu pocztowego? Brak opcji dostawy kurierskiej? Zbyt małe przyciski na mobile?
Hotjar dodaje: rage-clicks i scroll-maps pokazują dokładnie które pole jest problemem
💸
GA mówi: „konwersja 1,2% z kampanii Facebook"
wynik kampanii
Wiesz, że kampania słabo konwertuje. Ale nie wiesz czy problem leży w reklamie, w landing page, w cenie, w zdjęciach produktu czy w procesie checkout. Optymalizujesz na oślep.
Hotjar dodaje: filtruj nagrania po źródle ruchu i obserwuj tylko tych użytkowników z FB
📱
GA mówi: „mobile ma 3× wyższy bounce rate"
podział urządzeń
Wiesz, że mobile nie działa. Ale „mobile nie działa" to 1 000 możliwych problemów: wolne ładowanie, za małe przyciski, brak Apple Pay, horyzontalne scrollowanie, popupy które blokują ekran...
Hotjar dodaje: nagrania sesji mobilnych pokażą dokładny problem w ciągu 15 minut przeglądania
🔍
GA mówi: „średni czas na stronie produktu: 45 sekund"
engagement
Czy 45 sekund to dużo? Czy użytkownik czyta opis, przegląda zdjęcia i porównuje rozmiary — czy kręci się w kółko bo nie może znaleźć przycisku „Dodaj do koszyka"? 45 sekund może oznaczać oba scenariusze.
Hotjar dodaje: scroll-mapa pokazuje jak daleko użytkownicy czytają opis i gdzie tracą zainteresowanie
🗣️
GA nie pyta użytkowników co myślą
brak feedbacku
Dane analityczne to obserwacja zachowania — ale użytkownik może zachowywać się poprawnie i mimo to nie kupić, bo brakuje mu informacji o gwarancji, nie ufa sklepowi lub cena wydaje się za wysoka w stosunku do konkurencji.
Hotjar dodaje: ankiety on-site zbierają bezpośredni feedback — „dlaczego nie kupujesz?" w jednym pytaniu
Razem dają pełny obraz
Google Analytics → co się dzieje i ile. Hotjar → dlaczego i jak. Decyzje optymalizacyjne podejmowane tylko na podstawie GA są jak diagnoza choroby na podstawie temperatury ciała — wiesz że coś jest nie tak, ale nie wiesz co leczyć. Jak czytać dane w e-commerce →
Narzędzie 1

Mapy ciepła — gdzie użytkownicy klikają, przewijają i patrzą

Heatmapa to wizualna reprezentacja zachowań na stronie. Im cieplejszy kolor (czerwony) — tym więcej interakcji w tym miejscu.

🖱️
Click map — mapa kliknięć
Pokazuje gdzie użytkownicy klikają. Kluczowe odkrycie: elementy które NIE są klikalne, a zbierają wiele kliknięć — to elementy, które użytkownicy uważają za aktywne (linki, przyciski). Nieinteraktywny element z wysoką liczbą kliknięć = zmień go w link lub popraw layout.
rage-clicks CTA nawigacja
📜
Scroll map — jak głęboko czytają
Pokazuje, jaki procent użytkowników dociera do każdego fragmentu strony. Kluczowe pytanie: czy Twoje CTA jest poniżej granicy przewijania, gdzie dociera tylko 30% użytkowników? Jeśli tak — przenieś CTA wyżej lub zduplikuj je.
fold długość strony CTA pozycja
🖱️
Move map — gdzie wędruje kursor
Ruch kursora często koreluje z ruchem wzroku — użytkownicy podkreślają kursorem tekst który czytają. Mapa ruchu pomaga identyfikować które elementy przykuwają uwagę wizualną, zanim dojdzie do kliknięcia.
uwaga wizualna eye-tracking proxy
Rage-click detection — frustracja użytkownika
Rage-click to wielokrotne kliknięcie w to samo miejsce w krótkim czasie — sygnał frustracji. Hotjar automatycznie oznacza sesje z rage-clickami. Filtruj te nagrania najpierw — to najszybsza droga do znalezienia błędów UX.
frustracja bug UI priorytet
Jak czytać mapę ciepła — 3 pytania
1. Czy użytkownicy klikają tam, gdzie chcę żeby klikali? 2. Czy CTA jest w górnych 50% strony (scroll map)? 3. Czy są elementy z dużą liczbą kliknięć, które nie są linkami? Jeśli na którekolwiek odpowiedź brzmi "nie" — masz szybkią wygraną do wdrożenia.
Narzędzie 2

Nagrania sesji — oglądaj jak użytkownicy poruszają się po sklepie

Nagrania to film z ekranu użytkownika (bez danych osobowych). 20 minut przeglądania nagrań da Ci więcej wniosków niż tydzień analizy danych GA.

🔴 Filtruj najpierw
Sesje z rage-clickami i U-turns
U-turn = wejście na stronę i natychmiastowe cofnięcie. Rage-click = wielokrotne kliknięcie w to samo miejsce. Oba sygnalizują poważny problem UX lub rozbieżność między oczekiwaniem a treścią strony.
błędy UI niezgodność treści
🟡 Analizuj systematycznie
Sesje które dotarły do koszyka ale nie kupiły
To Twoja najbardziej wartościowa kohorta. Użytkownik był zainteresowany — coś go zatrzymało. Filtruj nagrania „odwiedził /cart ale nie odwiedził /thank-you" i szukaj wzorca.
porzucenie koszyka checkout
✅ Nagrania konwertujących
Jak zachowują się klienci którzy kupili
Filtruj nagrania użytkowników którzy zakończyli zakup. Jak długo przeglądali? Co klikali przed dodaniem do koszyka? Jaką ścieżkę przeszli? To wzorzec do replikowania w UX dla reszty użytkowników.
wzorzec konwersji najlepsze ścieżki
🚀 Mobile vs Desktop
Separuj nagrania według urządzenia
Mobile i desktop to zupełnie inne doświadczenia. Filtruj osobno — problemy mobilne są często niewidoczne na desktopie. Szczególnie istotne: fat-finger errors, zbyt małe pola formularza, brak opcji autofill.
mobile UX responsywność
⏱️
Ile nagrań oglądać? Nie musisz oglądać wszystkich. Przy 100 nagraniach dziennie: filtruj rage-clicks (10–15 sesji) + porzucenia koszyka (20–30 sesji) + konwersje (10–15 sesji). 45–60 minut tygodniowo daje regularny przegląd problemów bez przepalania czasu.
Narzędzie 3

Ankiety i feedback — bezpośrednio od użytkownika

Nagrania pokazują CO robią. Ankiety pytają DLACZEGO. Oba są potrzebne — jedno bez drugiego daje niepełny obraz.

🚪
Exit-intent survey — przy próbie wyjścia z koszyka
najwyższy priorytet
Wyświetla się gdy kursor zmierza ku zamknięciu karty lub paska adresu. Jedno pytanie: „Co powstrzymało Cię przed zakupem?" z 5–6 opcjami + „inne". Po 200 odpowiedziach masz statystycznie istotny obraz głównych barier konwersji.
✓ Najszybsza droga do zrozumienia porzuceń koszyka
Post-purchase survey — po zakupie
lojalność i NPS
Na stronie potwierdzenia zamówienia: „Jak oceniasz proces zakupu?" + „Co moglibyśmy zrobić lepiej?". Klienci po udanym zakupie chętnie odpowiadają — i dają feedback, który trudno zdobyć inaczej.
✓ Buduje bazę NPS i wskazuje co wymaga poprawy w checkout
On-page widget — stały przycisk feedbacku
pasywny feedback
Mały widget na dole strony: „Znalazłeś co szukałeś?" Tak/Nie + opcjonalny komentarz. Pasywnie zbiera feedback 24/7. Szczególnie wartościowy na stronach kategorii i wyszukiwarki — odkrywa luki w asortymencie.
✓ Identyfikuje brakujące produkty i problemy z wyszukiwarką
🎯
Targeted survey — dla konkretnej grupy
segmentacja
Wyświetl ankietę tylko użytkownikom z konkretnego źródła (np. z Allegro Ads), po określonym czasie na stronie lub po odwiedzeniu konkretnej URL. Pozwala zbierać feedback precyzyjnie dopasowany do testowanego scenariusza.
✓ Segmentacja: różne pytania dla różnych grup użytkowników
Narzędzie 4

Integracja Hotjar z Google Analytics i innymi narzędziami

Hotjar sam w sobie jest wartościowy. Zintegrowany z GA, BaseLinkerem i reklamami — staje się centrum dowodzenia optymalizacją.

🔗
Hotjar + Google Analytics 4
Wyślij identyfikator sesji Hotjar jako custom dimension do GA4. Rezultat: w GA4 klikasz na konkretnego użytkownika z segmentu „porzucenie koszyka" i otwierasz jego nagranie w Hotjar jednym kliknięciem. To eliminuje „ślepy spot" między danymi ilościowymi a zachowaniem.
→ Jak to zrobić: dodaj Hotjar Identify API + custom event w GA4 z parametrem hj_session_id
📧
Hotjar + segmenty użytkowników
Taguj sesje na podstawie zachowania: „zobaczył produkt X", „dodał do koszyka", „wrócił po 7 dniach", „przyszedł z kampanii FB". Potem filtruj nagrania po tagach i porównuj zachowanie różnych grup — to jest prawdziwa analiza UX segmentowa.
→ Użyj Hotjar Identify z atrybutami: hj.identify(userId, { plan: 'premium', source: 'allegro' })
📦
Hotjar w kontekście e-commerce — co śledzić
Skonfiguruj nagrania na kluczowych stronach: strona produktu, koszyk, checkout, strona kategorii. Wyłącz strony które nie mają znaczenia UX (polityka prywatności, regulamin). Skup zasoby na stronach o najwyższym wpływie na konwersję.
→ Priorytet: /product, /cart, /checkout — to są strony które decydują o konwersji
Integracja z BaseLinker i danymi sprzedażowymi
Połącz Hotjar z danymi zamówień przez parametry UTM i custom events. Efekt: wiesz nie tylko ile osób kupiło, ale jakiego zachowania UX przejawiali klienci, którzy wracają i kupują ponownie vs jednorazowi. Łączenie danych Allegro z GA →
Porównanie bezpośrednie

Decyzja UX bez Hotjar vs z Hotjarem — ten sam problem, inne podejście

Scenariusz: konwersja na stronie produktu spadła o 15% w ciągu miesiąca. Jak diagnozujesz problem — bez Hotjar i z Hotjarem?

🔍
Bez Hotjar
⏱️ 2–4 tygodnie guesswork
1Sprawdzasz GA: bounce rate wzrósł, czas na stronie spadł
2Zgadujesz: może zdjęcia za wolno się ładują?
3Zlecasz optymalizację obrazków — koszt 500 zł, czas 2 tygodnie
4Konwersja nadal niska — problem nie był w obrazkach
5Kolejna hipoteza: może opis jest za długi?
6Skracasz opis — kolejne 2 tygodnie testów A/B
7Rzeczywisty problem (popsuty przycisk na mobile) wykrywasz przypadkowo po miesiącu
7 kroków · 4–6 tygodni · ~1 500 zł wydane na zły problem
🎬
Z Hotjar
⚡ ~2 godziny do diagnozy
GA: konwersja spadła 15% — filtrujesz nagrania z ostatnich 30 dni
Filtrujesz po: urządzenie = mobile, strona = /product/X, brak konwersji
Po 15 nagraniach widzisz: wszyscy klikają „Dodaj do koszyka" i nic się nie dzieje
Mapa kliknięć potwierdza: rage-clicks na przycisku na mobile
Sprawdzasz kod: po ostatnim update CSS, przycisk jest przykryty elementem z z-index
👁️Fix: 15 minut pracy developera — problem rozwiązany
6 kroków · ~2 godziny · 15 min naprawy · problem precyzyjnie zlokalizowany
Koszt braku narzędzia to nie subskrypcja — to złe decyzje
Plan Hotjar Plus kosztuje ok. 39 USD/mies. W powyższym scenariuszu bez Hotjar stracono ~1 500 zł na źle zdiagnozowany problem + miesiąc utraconej konwersji. Narzędzie nie kosztuje — kosztuje jego brak. ROI z narzędzi w e-commerce →
Decyzja

Kiedy wdrożyć Hotjar — matryca dla sklepów e-commerce

Plan bezpłatny wystarczy do weryfikacji czy narzędzie działa w Twoim przypadku. Dopiero po 30 dniach danych decydujesz o planie płatnym.

⏳ Poczekaj / Plan Basic
Poniżej 500 sesji miesięcznie
Przy niskim ruchu Hotjar zbiera zbyt mało nagrań żeby wyciągnąć statystycznie istotne wnioski. Skup się najpierw na budowaniu ruchu. Plan Basic (bezpłatny) wystarczy do monitorowania.
plan bezpłatny buduj ruch
🟡 Zainstaluj i obserwuj
500–3 000 sesji miesięcznie
Plan Basic (35 sesji/dzień) zbiera ok. 1 000 nagrań miesięcznie. To wystarczy do pierwszych wniosków. Zainstaluj, obserwuj przez 4 tygodnie i oceń wartość przed przejściem na plan Plus.
basic / plus test 30 dni
✅ Wdrażaj Plus
3 000–30 000 sesji miesięcznie
Plan Plus (~39 USD/mies.) — bez limitu dziennego, filtry zaawansowane, funnel analysis. Przy tym ruchu Hotjar zwraca się w pierwszym miesiącu, jeśli znajdziesz i naprawisz chociaż jeden poważny problem UX.
plan Plus pewny ROI
🚀 Business / Scale
30 000+ sesji lub wiele sklepów
Plan Business (~99 USD/mies.) dodaje: integracje API, zaawansowane ankiety, segmentacja użytkowników, raporty dla zespołu. Przy tym wolumenie optymalizacja UX na danych to strategiczna przewaga konkurencyjna.
plan Business zespołowe
Checklist wdrożenia

Hotjar krok po kroku — pierwsze 30 dni

Zaznacz każdy krok. W 30 dni masz kompletny setup i pierwsze wnioski do wdrożenia.

🔴 Dzień 1 — instalacja
🟠 Tydzień 1 — konfiguracja
🟡 Tydzień 2–3 — zbieranie danych
🔵 Tydzień 4 — wnioski i decyzje
Zasada 80/20 w Hotjar
Nie musisz oglądać wszystkich nagrań. Filtruj: rage-clicks, U-turns, porzucenia koszyka, mobile. To 20% nagrań które dają 80% wniosków. Resztę oglądaj tylko gdy masz konkretne pytanie badawcze.
FAQ

Najczęstsze pytania o Hotjar w e-commerce

Czy Hotjar nie narusza RODO / GDPR?
Hotjar jest zgodny z RODO jeśli jest poprawnie skonfigurowany. Kluczowe kroki: (1) dodaj Hotjar do polityki prywatności i zgody cookies, (2) włącz maskowanie pól tekstowych w formularzach (domyślnie włączone), (3) wyklucz strony z danymi osobowymi (/moje-konto, /profil, /logowanie). Hotjar przechowuje dane na serwerach EU. Nie nagrywaj stron z danymi płatniczymi — Hotjar automatycznie wyklucza iframe bramek płatniczych.
Czy Hotjar spowalnia moją stronę?
Skrypt Hotjar ładuje się asynchronicznie — nie blokuje renderowania strony. Wpływ na Core Web Vitals jest minimalny (zwykle +20–40ms LCP przy wolnym połączeniu). Dla porównania: nieoptymalizowany obrazek na stronie produktu kosztuje często 500ms+. Hotjar nie jest problemem wydajnościowym w typowym sklepie e-commerce.
Jaka jest różnica między Hotjar a Microsoft Clarity?
Microsoft Clarity jest bezpłatny bez limitu sesji — to jego główna przewaga. Hotjar ma bogatszy ekosystem (ankiety, feedback widżety, funnels) i lepszą integrację z narzędziami zewnętrznymi. Rekomendacja praktyczna: zacznij od Clarity (bezpłatne, bez limitu) żeby zweryfikować wartość nagrań sesji. Jeśli widzisz wartość — przejdź na Hotjar Plus dla ankiet i zaawansowanego filtrowania.
Ile czasu tygodniowo zajmuje analiza Hotjar?
Przy dobrze skonfigurowanych filtrach: 45–60 minut tygodniowo wystarczy do systematycznej analizy. Podziel na: 20 min nagrania (rage-clicks + porzucenia), 15 min mapy ciepła (co tydzień strona produktu + koszyk), 10 min ankiety (nowe odpowiedzi), 15 min lista wniosków i priorytetów. Nie oglądaj wszystkiego — to pułapka. Filtruj celowo.
Czy Hotjar działa z Allegro i innymi marketplace'ami?
Hotjar instalujesz na własnym sklepie internetowym — na Allegro, Amazon czy innych marketplace'ach nie możesz instalować własnych skryptów. Dlatego Hotjar ma sens dopiero gdy prowadzisz własny sklep (Shoper, WooCommerce, Shopify, PrestaShop). Dla Allegro jedynym źródłem danych behawioralnych pozostaje Allegro Analytics. Allegro Analytics →
Jak szybko zobaczę pierwsze wnioski po instalacji?
Przy ruchu 100+ sesji dziennie: pierwsze użyteczne nagrania po 48–72 godzinach. Pierwsze statystycznie istotne mapy ciepła po 7–14 dniach (potrzeba min. 1 000 sesji na stronę). Pierwsze wnioski z ankiet po 50–100 odpowiedziach (przy dobrej próbce — ok. 2–4 tygodnie). Zaplanuj pierwszy przegląd na 2 tygodnie po instalacji.
Powiązane materiały

Dane → decyzja → optymalizacja — pełna logika

Hotjar · UX · Konwersja · Analityka · E-commerce

Chcesz wiedzieć dlaczego użytkownicy nie kupują w Twoim sklepie?

Przejrzę Twój sklep pod kątem UX i zachowań użytkowników — na podstawie danych, nie domysłów. Powiem co zmienić, żeby poprawić konwersję bez zwiększania budżetu reklamowego.

✓ Bezpłatna rozmowa 20 min ✓ Analiza UX i ścieżki zakupowej ✓ Plan optymalizacji
Kontakt bezpośredni
+10–30% Wzrost konwersji
48h Do pierwszych danych
Dane Nie domysły

Najpierw diagnoza na danych. Potem decyzja. Potem zmiana.