Hotjar dla PrestaShop: mapy cieplne i nagrania sesji, które ujawniają problemy

Ostatnia weryfikacja: czerwiec 2026, Hotjar nadal łączy mapy cieplne i nagrania z warstwą ankiet oraz opinii, a opisane niżej mechanizmy zgód i maskowania danych odpowiadają aktualnej praktyce GDPR. Traktuj wszystkie kwoty cenowe orientacyjnie i sprawdź aktualne plany Hotjar.

Mapy cieplne i nagrania sesji pokazują, gdzie klient utknął, kursor zawieszony przez dziewięć sekund nad listą przewoźników, formularz finalizacji zamówienia porzucony przy polu telefonu. Nie pokażą jednak zdania, które w tym momencie przechodzi tej osobie przez głowę: „Nie mogłem znaleźć daty dostawy” albo „Wyszedłem sprawdzić, czy ten kod działa gdzieś indziej”. Sens używania Hotjar w sklepie PrestaShop polega na tym, że domyka właśnie tę ostatnią lukę. Oprócz map cieplnych i nagrań, które gdzie indziej możesz mieć za darmo, pozwala zapytać klienta bezpośrednio, w danym momencie, dokładnie na stronie, na której się zawahał, a potem przeczytać odpowiedzi obok nagrania pokazującego, co zrobił. To połączenie uzasadnia płatne narzędzie i z tej perspektywy korzysta ten poradnik.

Jeśli potrzebujesz tylko zobaczyć zachowanie, mapy kliknięć, głębokość przewijania, rage clicki, martwe kliknięcia, Microsoft Clarity robi to bez limitu sesji i bez rachunku, a cały proces omawiamy w artykule Microsoft Clarity dla PrestaShop. Ten wpis odpowiada na kolejne pytanie: kiedy warto płacić za warstwę opinii w Hotjar i jak podłączyć ją do sklepu PrestaShop, aby dane były naprawdę wiarygodne?

Co Hotjar dodaje ponad darmowe narzędzia do map cieplnych

Gdy sprowadzić Hotjar do podstaw, ma te same dwa filary obserwacji co wszyscy inni, mapy cieplne agregujące kliknięcia i głębokość przewijania wielu odwiedzających oraz nagrania sesji odtwarzające pojedynczą ścieżkę użytkownika. To dziś minimum, a po stronie samej obserwacji darmowe narzędzie potrafi je zapewnić. Hotjar uzasadnia swoją cenę trzema możliwościami zbudowanymi na tej bazie:

• Ankiety na stronie i widżety opinii. Sonda uruchamiana na stronie produktu, pytanie przy zamiarze opuszczenia koszyka, wysuwana zakładka opinii przypięta do finalizacji zamówienia. To warstwa jakościowa, klient mówi własnymi słowami „dlaczego”, zamiast zostawiać Ci zgadywanie na podstawie ścieżki kursora.
• Lejki konwersji z nagraniami porzuceń. Zdefiniuj kroki strona główna → kategoria → produkt → koszyk → finalizacja zamówienia → potwierdzenie zamówienia, a Hotjar pokaże procent utraconych użytkowników na każdym etapie i pozwoli jednym kliknięciem obejrzeć nagrania wyłącznie sesji porzuconych w tym kroku.
• Segmentacja i filtrowanie. Przeglądaj nagrania według urządzenia, źródła ruchu, wystąpienia rage clicka albo dotarcia sesji do URL-a potwierdzenia zamówienia. Dzięki temu oglądasz 25 sesji, które mają znaczenie, a nie 2000 przypadkowych.

I co z tego? W sklepie PrestaShop praktyczna korzyść jest konkretna: lejek pokazuje etap finalizacji zamówienia, na którym uciekają klienci, filtrowane nagrania pokazują „mowę ciała” osób, które odpadły, a ankieta na tej stronie podaje zdanie, które za tym stoi. Jeden wyciek, trzy perspektywy, jedno narzędzie, tego przepływu pracy darmowa mapa cieplna nie złoży samodzielnie.

Strony PrestaShop, na których warstwa ankiet naprawdę się zwraca

Ogólna rada w stylu „dodaj ankietę” jest bezużyteczna. Wartość bierze się z umieszczenia właściwego pytania na właściwym kontrolerze PrestaShop. Oto miejsca, w których warstwa opinii zarabia na siebie w typowym sklepie, przypisane do konkretnych stron:

Ankieta na stronie potwierdzenia zamówienia jest tą, którą większość sprzedawców pomija, a jednocześnie tą, która daje najwięcej, bo wychwytuje tarcie zgłaszane przez kupujących, którzy mimo wszystko doprowadzili zakup do końca. To najłatwiejsze zwycięstwa: skoro obiekcja była możliwa do przejścia raz, jej usunięcie przekona kolejnego klienta, który nie byłby już tak cierpliwy.

Instalacja Hotjar w PrestaShop bez naruszania zgód

Hotjar to pojedynczy fragment JavaScript, więc pytanie o instalację jest tak naprawdę pytaniem o miejsce wpięcia, a w PrestaShop błędne miejsce oznacza różnicę między czystymi danymi a problemem z GDPR. Trzy ścieżki, w kolejności od tej, którą rekomendujemy najbardziej:

• Przez Google Tag Manager (zalecane). Jeśli używasz już GTM, dodaj Hotjar jako tag niestandardowego HTML i uruchamiaj go dopiero po spełnieniu warunku zgody. Dzięki temu snippet w ogóle nie trafia do plików motywu, przetrwa aktualizacje szablonu i może ładować się wyłącznie po zaakceptowaniu przez odwiedzającego plików cookie analitycznych. Konfigurację samego kontenera opisujemy w artykule Google Tag Manager dla PrestaShop.
• Moduł do wstrzykiwania kodu w nagłówku / kodu niestandardowego. Jeśli nie używasz GTM, moduł wstrzykujący kod do hooka displayHeader (hooka, który PrestaShop wywołuje wewnątrz sekcji <head> strony) trzyma snippet z dala od pliku head.tpl i poza strefą ryzyka podczas aktualizacji. Upewnij się, że moduł pozwala opóźnić wykonanie skryptu do momentu udzielenia zgody.
• Bezpośrednia edycja pliku head.tpl motywu. Jest możliwa, ale to ścieżka, której byśmy unikali: snippet zniknie przy kolejnej zmianie albo aktualizacji motywu potomnego, a bramkę zgody trzeba będzie obsługiwać ręcznie. Używaj jej tylko w ostateczności.

Niezależnie od wybranej ścieżki obowiązują dwie twarde reguły specyficzne dla PrestaShop. Po pierwsze, nie uruchamiaj Hotjar, zanim odwiedzający wyrazi zgodę na analityczne pliki cookie, wpisz go w kategorię analityczną swojego banera cookie i ładuj po zgodzie, nie przy wejściu na stronę. Po drugie, zweryfikuj maskowanie pól wejściowych we własnym procesie finalizacji zamówienia. Hotjar domyślnie maskuje pola tekstowe, ale niestandardowe albo jednostronicowe kasy potrafią renderować pola w sposób, którego domyślne reguły nie obejmują, a nagranie sesji nigdy nie może przechwycić e-maila, adresu ani niczego przypominającego dane karty. Obejrzyj kilka własnych nagrań od początku do końca, zanim zaufasz maskowaniu.

Jeśli ładujesz Hotjar przez moduł z kodem niestandardowym zamiast przez GTM, praktyczna forma zasady „uruchamiaj tylko po zgodzie” polega na trzymaniu loadera Hotjar w funkcji i wywoływaniu jej po sygnale zgody, a nie podczas ładowania strony:

<script>
function loadHotjar() {
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}
// Only load once your cookie banner reports analytics consent.
if (window.localStorage.getItem('analytics_consent') === 'granted') {
  loadHotjar();
}
document.addEventListener('cmp:analytics-accepted', loadHotjar);
</script>

Zamień YOUR_SITE_ID na identyfikator swojej witryny w Hotjar, a sprawdzanie zgody i nazwę zdarzenia zastąp tym, co faktycznie udostępnia Twój moduł cookie w PrestaShop, flagi i nazwy zdarzeń różnią się między modułami zgód, więc przeczytaj dokumentację własnego modułu zamiast ufać placeholderom.

Hotjar czy darmowy Clarity? Proste porównanie

To jest właściwa decyzja, więc bez asekuracji: oba narzędzia pokrywają się w obserwacji, a różnią we wszystkim, za co płaci się pieniądze.

Uczciwa rekomendacja dla większości sprzedawców PrestaShop: zacznij od Clarity jako warstwy obserwacyjnej, jest darmowy i nie ma powodu, żeby go nie uruchomić, a Hotjar dodaj konkretnie wtedy, gdy musisz zadawać klientom pytania, nie tylko ich obserwować. Progi cenowe się zmieniają, więc każdą miesięczną kwotę traktuj tu orientacyjnie i potwierdź aktualne plany Hotjar przed zakupem; trwała jest różnica strukturalna (Clarity = darmowa obserwacja, Hotjar = płatna obserwacja plus warstwa opinii). Wiele poważnych sklepów używa obu narzędzi: Clarity stale, dla wolumenu, a Hotjar włączany do skoncentrowanej diagnozy, gdy któryś etap lejka zaczyna przeciekać.

Jak używać lejków Hotjar, aby znaleźć wyciek i go naprawić

Lejek to miejsce, w którym Hotjar zamienia mgliste „finalizacja zamówienia słabo konwertuje” w konkretny punkt. Zbuduj lejek z URL-i PrestaShop, lista kategorii, produkt, koszyk (?controller=cart), strona zamówienia (?controller=order) i strona potwierdzenia zamówienia jako krok sukcesu. Hotjar raportuje następnie spadek na każdym przejściu i pozwala otworzyć nagrania wyłącznie sesji, które wypadły na interesującym Cię etapie.

Wzorzec, który najczęściej widzimy w PrestaShop: największy spadek nie występuje w formularzu finalizacji zamówienia, tylko na przejściu z koszyka do finalizacji, a filtrowane nagrania oraz ankieta w koszyku wskazują tego samego winowajcę, wyraźne, puste pole kuponu, które wysyła klientów do Google na polowanie na kod, skąd część z nich po prostu nie wraca. Poprawka jest tania (ukryć je za linkiem „Masz kod?”), ale wiesz, że warto ją zrobić dopiero dlatego, że trzy widoki Hotjar wskazały to samo miejsce. Na tym polega pętla: lejek znajduje etap, filtrowane nagrania pokazują zachowanie, ankieta dostarcza powód, Ty wdrażasz ukierunkowaną zmianę.

Gdzie kończy się Hotjar, a zaczynają inne narzędzia

Narzędzia behawioralne służą do diagnozy, nie do pełnego pomiaru, trzymaj granice jasno, żeby nie skończyć z trzema narzędziami wykonującymi jedno zadanie źle:

• Dla liczb, które kwantyfikują wyciek, współczynnik konwersji, porzucenia finalizacji zamówienia, lejek jako metryka w czasie, Hotjar daje widok próbkowany, podczas gdy GA4 jest źródłem danych o ruchu behawioralnym i metrykach lejka; dla rzeczywistych zamówień i przychodu źródłem prawdy pozostają dane zamówień w back office PrestaShop. Zobacz metryki GA4, które naprawdę mają znaczenie, a jeśli GA4 nie jest jeszcze zainstalowany, kompletny poradnik konfiguracji GA4.
• Do zdecydowania, które metryki w ogóle zasługują na uwagę, aby badać realne wycieki, a nie puste wskaźniki próżności, zacznij od artykułu co śledzić, a co ignorować.
• Dla analityki z prywatnością na pierwszym miejscu, gdy przechwytywanie sesji przez zewnętrzne narzędzie budzi obawy, rozważ kompromisy opisane w Matomo vs Google Analytics.
• Dla finansowego obrazu stojącego za zachowaniem, marży, zwrotów, rzeczywistego przychodu na kanał zamiast liczby sesji, potrzebne jest raportowanie, nie mapy cieplne. Financial Revolution powstał właśnie dla tej strony sklepu.

Jest jeszcze jeden powód, by zweryfikować maskowanie i sprawdzić, kto faktycznie znajduje się w Twoich nagraniach: znacząca część „sesji” w nowoczesnym sklepie nie pochodzi od ludzi. Automatyczni kupujący i crawlery przechodzą dziś przez koszyki PrestaShop i zanieczyszczą Twoje lejki Hotjar, jeśli ich nie odfiltrujesz, opisaliśmy to zjawisko w artykule Google Storebot robi zakupy w Twoim sklepie. Segmentuj realny ruch, zanim wyciągniesz wnioski, inaczej przeprojektujesz stronę pod bota.

Dyscyplina, dzięki której to narzędzie jest warte pieniędzy

Tryb porażki Hotjar jest taki sam jak każdego narzędzia behawioralnego: godziny oglądania nagrań, które niczego nie zmieniają. Płacenie za niego ma sens tylko wtedy, gdy prowadzi do zmian, więc używaj go w rytmie pracy, nie w zrywie. Co tydzień obejrzyj małą porcję filtrowanych nagrań z finalizacji zamówienia; czytaj obok nich otwarte odpowiedzi z ankiet; raz w miesiącu sprawdzaj lejek, aby wychwycić etap, który zaczął się osuwać; a po każdej zmianie układu albo procesu finalizacji zamówienia obejrzyj nagrania nowej wersji, żeby potwierdzić, że poprawka zadziałała tak, jak planowałeś, zamiast przenieść tarcie gdzie indziej.

Korzyść jest konkretna. Darmowa obserwacja mówi, że strona traci ludzi; to zadanie Clarity i wykonuje je za darmo. Hotjar zasługuje na pozycję w budżecie wtedy, gdy do tej straty potrzebujesz dopiąć własne słowa klienta, odpowiedź z ankiety, która zmienia „porzucili koszyk” w „zaskoczył ich koszt wysyłki”, czyli zdanie, z którym naprawdę można coś zrobić. Darmową warstwę uruchom na stałe, płatną włączaj, gdy masz konkretny wyciek do zbadania, i trzymaj oba zadania, mierzenie oraz rozumienie, w narzędziach zbudowanych do każdego z nich.

Najczęściej zadawane pytania

Czy warto płacić za Hotjar, jeśli używam już Clarity?

Tylko wtedy, gdy musisz zadawać klientom pytania, a nie tylko ich obserwować. Clarity zapewnia mapy cieplne, nagrania i sygnały frustracji za darmo, bez limitu sesji, więc przy czystej obserwacji trudno uzasadnić rachunek za Hotjar. Hotjar zarabia na swoją pozycję w budżecie, gdy etap lejka przecieka i chcesz dopiąć do niego własne słowa klienta, ankietę na stronie i sondę przy zamiarze wyjścia, które zmieniają „porzucili koszyk” w „zaskoczył ich koszt wysyłki”. Clarity uruchom na stałe; Hotjar włączaj do skoncentrowanej diagnozy.

Co darmowy pakiet Hotjar faktycznie obejmuje w sklepie PrestaShop?

Istnieje, ale jest ograniczony do niewielkiej liczby sesji dziennie, wystarczający dla sklepu o małym ruchu albo krótkiej diagnozy, ograniczający przy czymkolwiek większym. Jeśli chcesz stałej obserwacji całego ruchu bez płacenia, to zadanie Clarity, nie darmowego pakietu Hotjar. Użyj darmowego planu Hotjar, aby przetestować warstwę ankiet, a potem zdecyduj, czy płatny wolumen ma sens przy ruchu Twojego sklepu.

Czy Hotjar przechwyci dane osobowe moich klientów w nagraniach?

Domyślnie maskuje pola tekstowe, ale „domyślnie” nie znaczy „zweryfikowane”. Niestandardowe i jednostronicowe kasy PrestaShop mogą renderować pola w znacznikach, których domyślne reguły nie obejmują, więc nagranie może przechwycić e-mail albo adres, jeśli tego nie sprawdzisz. Obejrzyj od początku do końca kilka własnych nagrań z finalizacji zamówienia i stron konta, zanim mu zaufasz, umieść Hotjar w kategorii analitycznej banera cookie i nigdy nie pozwalaj mu uruchamiać się przed zgodą.

Jak trzymać ruch botów poza lejkami Hotjar?

Segmentuj realny, ludzki ruch, zanim wyciągniesz jakikolwiek wniosek. Znacząca część sesji w nowoczesnych sklepach jest zautomatyzowana, crawlery i boty zakupowe przechodzą przez koszyki bez zachowywania się jak kupujący, i zniekształca zarówno współczynniki porzuceń w lejku, jak i same nagrania. Najpierw je odfiltruj; w przeciwnym razie ryzykujesz przeprojektowanie strony pod zachowanie, którego żaden klient nigdy nie wykazał. Omawiamy to zjawisko w artykule Google Storebot robi zakupy w Twoim sklepie.

Czy Hotjar pokaże mi współczynnik konwersji albo przychód?

Nie, i nie do tego został zbudowany. Lejek Hotjar to widok diagnostyczny, często próbkowany, który pokazuje, gdzie odpadają sesje. Dla faktycznego trendu współczynnika konwersji i behawioralnych danych o ruchu źródłem jest GA4; dla rzeczywistych zamówień i przychodu, back office PrestaShop. Trzymaj pomiar i zrozumienie w osobnych narzędziach, inaczej zaczniesz ufać próbkowanej liczbie przy decyzji, która wymaga dokładnej.