PS PrestaShop Początkujący

Lejek konwersji i Heatmapa: dokumentacja

Lejek konwersji w 9 krokach oraz heatmapa kliknięć i przewijania dla PrestaShop 8 i 9.

Zaktualizowano Wersja modułu 1.0.0

Moduł DataFirefly Lejek konwersji i Heatmapa (dffunnelheatmap) łączy dwa narzędzia analizy zachowań dla PrestaShop 8 i 9: lejek konwersji w 9 krokach, który dokładnie pokazuje, gdzie odwiedzający rezygnują, oraz heatmapę ujawniającą, w co klikają i jak daleko przewijają stronę. Cała zbiórka danych odbywa się w 100% w modelu first-party, bez usług zewnętrznych, bez CDN i bez ciasteczek reklamowych.

Instalacja

  1. Pobierz archiwum dffunnelheatmap.zip ze swojego konta klienta.
  2. W panelu administracyjnym przejdź do Moduły > Menedżer modułów, kliknij Wgraj moduł i wybierz plik ZIP.
  3. Podczas instalacji moduł tworzy swoje tabele, rejestruje hooki i dodaje zakładkę Lejek i Heatmapa w sekcji Statystyki.

Brak zewnętrznych zależności: bez Composera, bez CDN. Moduł działa od razu po instalacji, z ostrożnymi ustawieniami domyślnymi (próbkowanie 100%, retencja 90 dni, respektowanie Do Not Track).

Dostęp do pulpitu

Przejdź do Statystyki > Lejek i Heatmapa (albo kliknij Konfiguruj na liście modułów). Interfejs oferuje cztery widoki: Pulpit, Lejek, Heatmapa i Ustawienia.

Pulpit wyświetla cztery kluczowe wskaźniki: liczbę wizyt, liczbę zamówień, ogólny współczynnik konwersji oraz automatyczne wykrycie największego wycieku w lejku, wraz z wizualnym podglądem lejka.

Lejek konwersji

Lejek śledzi odwiedzających krok po kroku, od pierwszej wizyty aż po zatwierdzone zamówienie. Dla każdego kroku widzisz liczbę objętych nim sesji oraz procentowy spadek względem kroku poprzedniego. Dziewięć kroków to:

  1. Wizyta : każda odsłona strony (wykrywanie po stronie serwera).
  2. Karta produktu : wyświetlenie karty produktu (serwer).
  3. Dodanie do koszyka : wykrywane po stronie klienta przy akcji dodania do koszyka.
  4. Strona koszyka : wyświetlenie koszyka (serwer).
  5. Proces zamówienia : wejście do checkoutu (serwer).
  6. Adres : krok adresowy w checkoucie (klient).
  7. Dostawa : krok wyboru przewoźnika (klient).
  8. Płatność : krok płatności (klient).
  9. Zamówienie zatwierdzone : zapisywane w sposób pewny po stronie serwera przez hook zatwierdzenia zamówienia.

Sesje są deduplikowane: ta sama sesja liczy się tylko raz na danym kroku, co gwarantuje prawidłowe współczynniki przejścia. Największy wyciek jest wyróżniany automatycznie, aby wskazać, gdzie skupić prace optymalizacyjne.

Heatmapa

Heatmapa wyświetla rzeczywisty render wybranej strony, na który nakładane są zebrane dane o zachowaniach.

Mapa kliknięć

Kliknięcia są przedstawiane jako mapa ciepła, od niebieskiego (mało kliknięć) do czerwonego (duże zagęszczenie). Idealne do sprawdzenia, czy Twoje wezwania do działania faktycznie przyciągają uwagę.

Głębokość przewijania

Głębokość przewijania jest pokazywana progami (25, 50, 75 i 100%), wraz z odsetkiem odwiedzających, którzy osiągnęli dany poziom. Dzięki temu rozpoznasz treści widziane przez wszystkich i te, które trafiają poniżej linii zanurzenia.

Ranking klikanych elementów

Panel boczny porządkuje najczęściej klikane elementy (według selektora CSS i etykiety), co pozwala precyzyjnie ustalić, co budzi zainteresowanie.

Heatmapa ładuje stronę sklepu w ramce iframe w trybie same-origin. Jeśli Twój serwer wymusza nagłówek X-Frame-Options: DENY, zezwól na SAMEORIGIN dla panelu administracyjnego, aby podgląd się wyświetlił.

Filtry

Wszystkie widoki korzystają ze wspólnego paska filtrów: okres (7, 30, 90 lub 365 dni albo zakres własny), urządzenie (mobilne, tablet, desktop) oraz sklep w kontekście multisklepu.

Ustawienia

  • Włączenie globalne oraz osobne włączanie lejka i heatmapy.
  • Próbkowanie (1 do 100%) stosowane wyłącznie do heatmapy, aby ograniczyć wolumen danych na stronach o dużym ruchu. Lejek zawsze jest śledzony w 100%.
  • Retencja w dniach, z automatyczną czyszczącą purgą i przyciskami purgi ręcznej.
  • Respektowanie Do Not Track (włączone domyślnie).
  • Śledzenie pracowników zalogowanych do panelu (wyłączone domyślnie).
  • Purga przy deinstalacji, aby usunąć zebrane dane wraz z modułem.

Ochrona prywatności (RODO)

Moduł nie zbiera żadnych danych osobowych: nie przechowuje adresów IP ani adresów e-mail. Identyfikator odwiedzającego jest anonimowy i losowy (techniczne ciasteczko dffh_vid). Do Not Track jest respektowany domyślnie, a czas retencji w pełni konfigurowalny. Punkt końcowy zbierania danych jest chroniony tokenem weryfikowanym po stronie serwera.

Rozwiązywanie problemów

Podkroki checkoutu (adres, dostawa, płatność) nie są raportowane. Opierają się one na standardowym jednostronicowym checkoucie PrestaShop. Mocno zmodyfikowany motyw może wymagać drobnej korekty selektorów w pliku views/js/tracker.js.

Zliczanie konwersji według urządzenia wygląda na przybliżone. Urządzenie nie jest znane po stronie serwera w momencie zatwierdzania zamówienia (krok 9), więc filtrowanie konwersji według urządzenia pozostaje szacunkiem.

Deinstalacja

Odinstalowanie usuwa zakładkę i hooki. Zebrane dane są domyślnie zachowywane. Jeśli chcesz je trwale usunąć, wcześniej zaznacz opcję Purga przy deinstalacji w ustawieniach.

Czy ta strona była pomocna?

Nadal utknąłeś? Napisz do wsparcia