Jak korzystać z mapy termicznej, aby poprawić ogólną jakość swojej witryny?
Opublikowany: 2020-01-13Mapy cieplne mogą być niezwykle przydatnym narzędziem. Umożliwiają śledzenie zachowań użytkowników w Twojej witrynie w sposób, który często trudno przedstawić w postaci samych liczb. Dzięki mapie popularności możesz zwizualizować podróż odwiedzających przez Twoje treści. Dzięki temu możesz szybko zidentyfikować punkty bólu, dzięki czemu możesz poprawić ich doświadczenie.
Chociaż WordPress nie oferuje funkcjonalności mapy ciepła po wyjęciu z pudełka, możesz łatwo dodać ją do swojej witryny za pomocą wtyczek. W tym artykule zagłębimy się w to, jak działają mapy popularności, dlaczego powinieneś ich używać i jakie masz opcje jako użytkownik WordPressa.
Weźmy się za to!
Wprowadzenie do map ciepła
W dzisiejszych czasach możesz śledzić wszelkiego rodzaju dane o tym, jak użytkownicy zachowują się w Twojej witrynie. Możesz zobaczyć, na których stronach spędzają najwięcej czasu, z jakimi linkami wchodzą w interakcję, jak daleko w dół przewijają każdą stronę i wiele więcej.
Większość z tych danych przychodzi do Ciebie w postaci liczb. W niektórych przypadkach może być trudno wyobrazić sobie, co to wszystko znaczy. Na przykład możesz wiedzieć, które z Twoich stron są najpopularniejsze. Nie mówi to jednak nic o tym, dlaczego ta konkretna treść trafia do użytkowników.
Mapy ciepła umożliwiają przyjęcie innego podejścia, tworząc wizualną reprezentację niektórych analiz witryny. Najczęściej ta reprezentacja ma postać nakładki na górze twoich stron:

Na powyższym zrzucie ekranu widać, że określone obszary strony są podświetlone cieplejszymi kolorami. Mapy ciepła używają prostego gradientu kolorów, który przechodzi od zimniejszych do cieplejszych kolorów. Im „gorętszy” kolor, tym więcej uwagi i interakcji przyciąga konkretna część Twojej strony.
W poprzednim przykładzie przedstawiono tak zwaną mapę termiczną „kliknięcia”. Istnieje kilka rodzajów map popularności, z których można korzystać, a o pozostałych omówimy później. Dzięki mapie cieplnej kliknięć uzyskasz wizualną reprezentację tego, które elementy na Twojej stronie są najbardziej zainteresowane:

Większość nowoczesnych narzędzi analitycznych rzuca na Ciebie całe biblioteki danych. Mapy cieplne pozwalają jednak uzyskać znacznie bardziej intuicyjne zrozumienie zachowań użytkowników. Jeśli na pierwszy rzut oka możesz określić, które elementy na Twoich stronach przyciągają najwięcej uwagi, z tych danych możesz wyciągnąć wiele wniosków.
Zanim przejdziemy dalej, warto wspomnieć, że mapy popularności to nie tylko doskonałe narzędzia do analizy stron internetowych. Mapy cieplne są wszędzie , od raportów pogodowych po analizy statystyczne, wizualizacje rynków finansowych i nie tylko. Te aplikacje sprawiają, że lektura jest ciekawa. Jesteśmy jednak tutaj, aby porozmawiać o witrynach internetowych, więc omówmy korzyści płynące z tego przypadku użycia.
Dlaczego mapy ciepła mogą pomóc Ci poprawić jakość Twojej witryny?
Jak wspomnieliśmy wcześniej, mapy popularności są fantastyczne, jeśli chcesz podejść do analityki internetowej z innej perspektywy. W zależności od informacji, którym chcesz nadać priorytet, istnieje kilka różnych typów map popularności, których możesz użyć.
Mówiliśmy już o mapach popularności kliknięć. Przy wystarczającej ilości danych mapy popularności kliknięć mogą powiedzieć, które obszary na Twoich stronach są „punktami aktywnymi”. Najlepiej byłoby, gdyby te hotspoty były zgodne z krytycznymi elementami, takimi jak wezwania do działania (CTA), produkty, linki i nie tylko:

Jeśli nie widzisz wystarczającej aktywności wokół kluczowych elementów na swoich stronach, może to wskazywać na problemy z User Experience (UX), problemy z optymalizacją, słaby tekst i różne inne przyczyny. To prowadzi nas do kluczowego punktu – mapy popularności nie mówią dokładnie, co należy naprawić. Jednak świetnie sobie radzą, wskazując ci właściwy kierunek. Jeśli Twój przycisk zapisu do newslettera nie jest zbyt aktywny, wiesz, że jest to element, który należy przetestować i rozwiązać.
Idąc dalej, możesz również skorzystać z używania „przewijanych” map popularności. Ten rodzaj mapy popularności pokazuje, jak daleko przewijają się użytkownicy, zanim się odrzucą (opuszczą stronę):

Najlepiej byłoby, gdyby cieplejsze obszary mapy znajdowały się jak najniżej lub były wyrównane z kluczowymi elementami i wezwaniami do działania na stronie. Jeśli cieplejsze obszary znajdują się na górze, zwykle wskazuje to na problemy z UX strony. W przypadku długich treści, jeśli mapa popularności pokazuje, że użytkownicy nie przewijają w dół, aby kontynuować czytanie, warto przemyśleć swoją strategię dotyczącą treści.
Jeśli chcesz uzyskać bardziej szczegółowe informacje o aktywności użytkowników, bardziej spodobają Ci się raporty dotyczące konfetti. Ten rodzaj mapy popularności pokazuje pojedyncze kliknięcia na Twoich stronach. Im cieplejszy obszar, tym więcej użytkowników na niego kliknęło:

Raporty Confetti mogą być niezwykle przydatne do ustalenia, na jakie konkretne elementy klikają odwiedzający. W wielu przypadkach zauważysz, że użytkownicy próbują klikać elementy, które nie są interaktywne. To może wskazywać na złe wybory projektowe.
Ten rodzaj mapy popularności może również zapewnić doskonały wgląd w proces realizacji transakcji, jeśli prowadzisz sklep internetowy. Będziesz chciał maksymalnie uprościć proces płatności, a ustalenie, w co klikają użytkownicy podczas dokonywania zakupu, pomoże Ci je udoskonalić.
Jest bardzo niewiele witryn, które nie mogą korzystać z map ciepła, szczególnie jeśli regularnie przeprowadzasz testy A/B. Łącząc testy A/B z mapami popularności, możesz szybko i dokładnie uzyskać informacje o tym, które wersje Twoich stron lepiej sobie radzą z grupą docelową.
Oczywiście, aby mapy popularności dostarczały dokładnych informacji, będziesz potrzebować wystarczającej ilości danych. Garstka odwiedzających nie jest dokładną reprezentacją Twoich odbiorców. Jeśli zamierzasz podejmować decyzje na podstawie danych, muszą one być istotne statystycznie. Dlatego dobrym pomysłem jest jak najszybsze skonfigurowanie rozwiązania mapy ciepła. Następnie należy poświęcić dużo czasu na śledzenie zachowań użytkowników i generowanie dokładnych wyników.

3 najlepsze wtyczki Heatmap dla WordPress
Mapy termiczne do działania wymagają danych. Oznacza to, że będziesz potrzebować silnika analitycznego, który integruje się z Twoją witryną, zbiera informacje o użytkownikach i na ich podstawie generuje mapy popularności. Mając to na uwadze, spójrzmy na kilka najlepszych rozwiązań dla użytkowników WordPressa. Dwie z trzech wtyczek, które tutaj omówimy, wymagają zarejestrowania się w usłudze innej firmy. Warto więc mieć to na uwadze podczas oceny dostępnych opcji.
1. Mapa termiczna Aurory

Aurora Heatmap to jedyna zalecana wtyczka do map ciepła WordPress, która nie wymaga rejestracji na platformie innej firmy. Dzięki Aurora Heatmap możesz po prostu skonfigurować wtyczkę i uzyskać dostęp do map ciepła dla wszystkich Twoich stron. Ponadto możesz wyświetlać oddzielne mapy popularności zarówno dla wersji na komputery, jak i urządzenia mobilne.
Wersja premium wtyczki zawiera również przewijane mapy cieplne i dłużej zachowuje dane. Przechowywanie danych może się przydać, ponieważ pozwala analizować, jak użytkownicy zachowują się różnie w czasie i na różnych wersjach Twoich stron.
Kluczowe cechy:
- Skonfiguruj mapy popularności kliknięć dla swoich stron
- Generuj mapy popularności na komputery i urządzenia mobilne
- Śledź liczbę kliknięć na swoich stronach
Ceny: bezpłatnie, z planami premium już od 19,90 USD miesięcznie | Więcej informacji
2. Szalone Jajko

Crazy Egg to usługa map ciepła i testów A/B, którą można zintegrować z WordPress za pomocą skryptu śledzącego lub oficjalnej wtyczki. Jeśli nie masz nic przeciwko dodawaniu kodu do swojej witryny, możesz zastosować poprzednie podejście. W końcu jedynym celem wtyczki jest dodanie skryptu śledzącego za Ciebie.
Po skonfigurowaniu konta Crazy Egg i jego pełnej integracji z WordPressem możesz generować mapy popularności kliknięć, przewijania i konfetti. Co więcej, platforma umożliwia nagrywanie indywidualnych sesji użytkowników.
Oznacza to, że jeśli w dowolnym momencie będziesz mieć problemy z interpretacją tego, co mówią dane, możesz zagłębić się w prawdziwe sesje użytkowników, aby dowiedzieć się, jak się zachowują. Ponieważ jednak mówimy o usłudze zewnętrznej, będziesz musiał uzyskać dostęp do swoich map popularności i nagrań użytkowników z platformy Crazy Egg.
Kluczowe cechy:
- Generuj mapy popularności kliknięć, przewijania i konfetti dla swoich stron
- Zintegruj z WordPress za pomocą skryptu lub wtyczki
- Nagrywaj indywidualne sesje użytkowników
Cena: Wtyczka jest darmowa, a plany Crazy Egg zaczynają się od 24 USD miesięcznie | Więcej informacji
3. Hotjar

Hotjar to platforma do analityki internetowej, która koncentruje się na mapach popularności, nagrywaniu użytkowników, analizie konwersji i ankietach. Wtyczka pomaga zintegrować konto Hotjar z WordPress za pomocą unikalnego identyfikatora witryny.
Po zintegrowaniu WordPressa z Hotjar możesz generować mapy popularności kliknięć, przewijania i „przenoszenia” dla swoich stron. Platforma umożliwia szybkie przechodzenie między każdym typem mapy popularności, a także stronami na komputery i urządzenia mobilne. Podobnie jak w przypadku poprzedniej wtyczki, Hotjar rejestruje również sesje użytkowników. Umożliwia nawet robienie notatek i oznaczanie filmów, dzięki czemu można je łatwo kategoryzować.
Kluczowe cechy:
- Generuj mapy cieplne kliknięć, przewijania i przenoszenia
- Zintegruj się z WordPress za pomocą wtyczki w ciągu kilku minut
- Przejrzyj wersje mobilne i komputerowe wszystkich swoich map popularności
- Nagrywaj indywidualne sesje użytkowników
Cena: Dostępny plan bezpłatny, z opcjami premium od 29 USD miesięcznie (sama wtyczka jest również bezpłatna) | Więcej informacji
Czy możesz używać Google Analytics do generowania map termicznych?
Jak już wiesz, aby wygenerować heatmapę, potrzebujesz silnika analitycznego. Biorąc pod uwagę, że Google Analytics jest najpopularniejszą opcją na rynku, warto z niej skorzystać.
Oto jednak problem – Google Analytics nie oferuje gotowej funkcji mapy termicznej. To nie jest przełom, biorąc pod uwagę, ile danych oferuje platforma. Stanowi to jednak problem, jeśli nie chcesz dodawać do swojej witryny drugiego silnika analitycznego.
Istnieje kilka obejść, które umożliwiają generowanie podstawowych map ciepła za pomocą Google Analytics. Możesz na przykład użyć Menedżera tagów Google do śledzenia zdarzeń kliknięć i generowania raportów wizualnych za pomocą Studia danych. Zaletą tego podejścia jest to, że nie musisz korzystać z żadnych usług zewnętrznych spoza rodziny Google. Jednak generowanie czegokolwiek poza bardzo prostymi mapami cieplnymi jest prawie niemożliwe.
Drugą alternatywą jest skorzystanie z usługi takiej jak Crazy Egg, która oferuje podstawową integrację z Google Analytics. Crazy Egg oferuje darmowy generator map ciepła Google Analytics. Wszystko czego wymaga to dostęp do Twojego konta Google Analytics. Następnie może pobrać dane potrzebne do wygenerowania mapy termicznej kliknięć:

Może to być przydatne podejście, choć nadal jest nieco ograniczone. Ogólnie rzecz biorąc, jeśli chcesz uzyskać dostęp do bardziej zaawansowanych map popularności, najlepiej zarejestruj się w dodatkowej usłudze, której będziesz używać razem z Google Analytics.
Wniosek
Prawdopodobnie korzystasz już z narzędzia analitycznego, aby uzyskać wgląd w zachowanie odwiedzających. Każda nowoczesna platforma analityczna zapewnia dostęp do tak wielu informacji, że ich interpretacja może być trudna. Mapy cieplne pomagają wykorzystać te dane i nadać im sens w bardziej interaktywny i wizualny sposób niż wykresy lub wykresy.
Jeśli już korzystasz z Google Analytics, złą wiadomością jest to, że usługa nie zapewnia gotowej funkcjonalności mapy ciepła. Aby uzyskać dostęp do map ciepła dla swojej witryny WordPress, musisz użyć wtyczki, takiej jak Aurora Heatmap, Hotjar lub Crazy Egg. Na szczęście te rozwiązania są proste w konfiguracji i obsłudze.
Czy korzystałeś z narzędzi do map cieplnych z WordPress i jakie było Twoje doświadczenie? Porozmawiajmy w sekcji komentarzy poniżej!
Obraz miniatury artykułu autorstwa octomesecam / shutterstock.com
