Blog Fast White Cat
Wdrożenie Hotjar na stronie za pomocą GTM
admin lip 13. 2018
Czym jest Hotjar i jak go wdrożyć na swojej stronie bez konieczności umieszczania skomplikowanych kodów. Pomoże nam w tym Google Tag Manager, niemal doskonałe narzędzie pod SEO, pozwala na zbieranie danych o ruchu i zachowaniu na stronie.
Google Tag Manager to narzędzie od Google, które pozwala na zbieranie informacji o ruchu i zachowaniu użytkowników za pomocą tagów bez konieczności ingerencji w sam kod strony.
Aby GTM mógł zacząć działać, trzeba umieścić kod na stronie (jeden element w sekcji <head>, drugi w <body>). Jest to jedyny moment, kiedy trzeba ingerować w strukturę strony, chociaż wiele platform pozwala na dodanie kody z poziomu samych ustawień.
Tagiem GTM może być naprawdę wiele, w tym przede wszystkim kod Google Analytics, AdWords, i oczywiście omawiany Hotjar.
Dodanie tagu w GTM nie wymaga specjalistycznej wiedzy deweloperskiej, stąd też jest tak duża jego popularność. Większość elementów możliwa jest do wdrożenia samemu, co znacznie przyspiesza proces realizacji (każdy, kto spotkał się z problemem "taskowania" wie o czym mówię).
Więcej o GTM można przeczytać na oficjalnej stronie Google
Narzędzie Hotjar, dostępne pod adresem hotjar.com pozwala na zbieranie dokładniejszych informacji na temat użytkowników odwiedzających stronę internetową, dzięki czemu możliwa jest dokładniejsza analiza zachowania użytkownika.
Możliwości tego narzędzia naprawdę ogromne! Przede wszystkim Hotjar umożliwia zapisywania"mapy ciepłą", czyli zrzutu ekranu z wyróżnionymi miejscami, bardziej nasyconymi w miejscach, gdzie użytkownicy klikali więcej. Możliwe jest także nagrania zachowania. Siedząc wygodnie przed komputerem możliwe jest obejrzenie wideo z zachowaniem użytkownika na stronie.
Dodanie kodu Hotjar w przy użyciu Google Tag Managera jest bardzo proste i trwa tylko chwilę.
Musimy utworzyć nowy Tag, i wybrać Hotjar Tracking Code z listy typu tagu
Zostaniemy poproszeni o Hotjar Site ID. Aby go otrzymać konieczne jest zarejestrowanie się na hotjar.com, potem przejście do ustawień Sites & Organizations. Kod będzie widniał obok zadeklarowanej strony internetowej.
Potem, podobnie jak w przypadku tagu Google Analytics, trzeba wybrać reguły, kiedy kod będzie uruchamiany. Najlepiej na wszystkich stronach.
Teraz wystarczy w wersji podglądowej wejść na stronę i zobaczyć, czy tag uruchamia się poprawnie. Jeżeli tak, to można go opublikować.
[caption id="attachment_3845" align="aligncenter" width="1047"]
Wszystkie tagi GTM działają poprawnie[/caption]
Czym jest Google Tag Manager
Google Tag Manager to narzędzie od Google, które pozwala na zbieranie informacji o ruchu i zachowaniu użytkowników za pomocą tagów bez konieczności ingerencji w sam kod strony.
Aby GTM mógł zacząć działać, trzeba umieścić kod na stronie (jeden element w sekcji <head>, drugi w <body>). Jest to jedyny moment, kiedy trzeba ingerować w strukturę strony, chociaż wiele platform pozwala na dodanie kody z poziomu samych ustawień.
Tagiem GTM może być naprawdę wiele, w tym przede wszystkim kod Google Analytics, AdWords, i oczywiście omawiany Hotjar.
Dodanie tagu w GTM nie wymaga specjalistycznej wiedzy deweloperskiej, stąd też jest tak duża jego popularność. Większość elementów możliwa jest do wdrożenia samemu, co znacznie przyspiesza proces realizacji (każdy, kto spotkał się z problemem "taskowania" wie o czym mówię).
Więcej o GTM można przeczytać na oficjalnej stronie Google
Czym jest Hotjar
Narzędzie Hotjar, dostępne pod adresem hotjar.com pozwala na zbieranie dokładniejszych informacji na temat użytkowników odwiedzających stronę internetową, dzięki czemu możliwa jest dokładniejsza analiza zachowania użytkownika.
Możliwości tego narzędzia naprawdę ogromne! Przede wszystkim Hotjar umożliwia zapisywania"mapy ciepłą", czyli zrzutu ekranu z wyróżnionymi miejscami, bardziej nasyconymi w miejscach, gdzie użytkownicy klikali więcej. Możliwe jest także nagrania zachowania. Siedząc wygodnie przed komputerem możliwe jest obejrzenie wideo z zachowaniem użytkownika na stronie.
Jak dodać kod Hotjar w GTM
Dodanie kodu Hotjar w przy użyciu Google Tag Managera jest bardzo proste i trwa tylko chwilę.
Musimy utworzyć nowy Tag, i wybrać Hotjar Tracking Code z listy typu tagu
Zostaniemy poproszeni o Hotjar Site ID. Aby go otrzymać konieczne jest zarejestrowanie się na hotjar.com, potem przejście do ustawień Sites & Organizations. Kod będzie widniał obok zadeklarowanej strony internetowej.
Potem, podobnie jak w przypadku tagu Google Analytics, trzeba wybrać reguły, kiedy kod będzie uruchamiany. Najlepiej na wszystkich stronach.
Teraz wystarczy w wersji podglądowej wejść na stronę i zobaczyć, czy tag uruchamia się poprawnie. Jeżeli tak, to można go opublikować.
[caption id="attachment_3845" align="aligncenter" width="1047"]
Wszystkie tagi GTM działają poprawnie[/caption]
Nasze Usługi
Mamy rozwiązanie dopasowane do Twoich potrzeb
Klienci
Mamy przyjemność współpracować z:
Kontakt
Skontaktuj się
Kontakt
Skontaktuj się
Dział sprzedaży:
Krzysztof Jagliński
Head of Business Development
krzysztof.jaglinski@fastwhitecat.com
+48 509 961 481
LinkedIn: linkedin.com/in/jaglinski
Dane Kontaktowe
Fast White Cat S.A.
ul. Oławska 27/29, 50-123 Wrocław
+48 71 382 26 48
info@fastwhitecat.com
NIP: 8971779243
REGON: 021761553