{"id":2698,"date":"2022-08-05T08:23:00","date_gmt":"2022-08-05T06:23:00","guid":{"rendered":"https:\/\/sellingo.pl\/blog\/?p=2698"},"modified":"2023-05-31T11:57:28","modified_gmt":"2023-05-31T09:57:28","slug":"hotjar-jak-badac-zachowania-klientow-na-stronie","status":"publish","type":"post","link":"https:\/\/sellingo.pl\/blog\/hotjar-jak-badac-zachowania-klientow-na-stronie\/","title":{"rendered":"Hotjar \u2013 jak bada\u0107 zachowania klient\u00f3w na stronie?"},"content":{"rendered":"\n
\n

Hotjar \u2013 jak bada\u0107 zachowania klient\u00f3w na stronie?<\/p>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

Jako w\u0142a\u015bciciele stron internetowych przyjmujemy r\u00f3\u017cne taktyki, kt\u00f3re maj\u0105 pom\u00f3c nam w zdobyciu uwagi odbiorcy. Umieszczamy na stronie rozmaite tre\u015bci z nadziej\u0105, \u017ce zdo\u0142aj\u0105 zatrzyma\u0107 u\u017cytkownika na d\u0142u\u017cej. Pop-upy, wid\u017cety, odno\u015bniki do promocji wydaj\u0105 si\u0119 \u015bwietnym rozwi\u0105zaniem do tego celu. <\/strong><\/p>\n\n\n\n

No w\u0142a\u015bnie \u2013 wydaj\u0105 si\u0119. Internauci cz\u0119sto dzia\u0142aj\u0105 w nieoczekiwany dla nas spos\u00f3b. To, co mo\u017ce dla nas sprawia\u0107 wra\u017cenie efektywnego, mo\u017ce wcale efekt\u00f3w nie przynosi\u0107, a rzeczy pozornie nieistotne, mog\u0105 mie\u0107 du\u017cy wp\u0142yw na czas sp\u0119dzony na naszej stronie. Gdyby tylko istnia\u0142o narz\u0119dzie pomagaj\u0105ce nam w okre\u015bleniu, kt\u00f3re tre\u015bci i przyciski s\u0105 skuteczne\u2026<\/p>\n\n\n\n

Poznaj map\u0119 ciepln\u0105 Hotjar<\/h2>\n\n\n\n

Nasza intuicja cz\u0119sto zawodzi, gdy mamy okre\u015bli\u0107, czy zastosowane przez nas rozwi\u0105zanie zdoby\u0142o zainteresowanie u\u017cytkownika. Nie jeste\u015bmy w stanie przewidzie\u0107 wszystkiego \u2013 nawet z du\u017cym do\u015bwiadczeniem i ogromn\u0105 marketingow\u0105 wiedz\u0105 wci\u0105\u017c znajdziemy rzeczy, kt\u00f3re potrafi\u0105 nas zaskoczy\u0107. Nie spodziewamy si\u0119 np. tego, \u017ce popularno\u015b\u0107 zdob\u0119dzie strona, kt\u00f3rej tytu\u0142 zawiera b\u0142\u0105d ortograficzny, a po poprawie b\u0142\u0119du witryna b\u0119dzie odwiedzana du\u017co rzadziej.<\/p>\n\n\n\n

Na szcz\u0119\u015bcie istniej\u0105 narz\u0119dzia, kt\u00f3re maj\u0105 wspom\u00f3c w\u0142a\u015bcicieli stron. Hotjar wska\u017ce Ci map\u0119 klikni\u0119\u0107 w obr\u0119bie witryny (w wersji mobilnej oraz komputerowej). Dzi\u0119ki temu programowi zobaczysz, kt\u00f3re tre\u015bci na Twojej domenie zyska\u0142y zainteresowanie, a kt\u00f3re s\u0105 internautom oboj\u0119tne. Hotjar udost\u0119pni Ci tak\u017ce informacj\u0119 o zaanga\u017cowaniu u\u017cytkownik\u00f3w \u2013 czy przewijaj\u0105 stron\u0119 i w kt\u00f3rym miejscu j\u0105 opuszczaj\u0105. Takie informacje s\u0105 bardzo przydatne, poniewa\u017c pozwalaj\u0105 na analiz\u0119 witryny i eliminacj\u0119 nieatrakcyjnych tre\u015bci.<\/p>\n\n\n\n

Jak utworzy\u0107 Hotjar dla mojej strony?<\/h2>\n\n\n\n

Instalacja Hotjaru jest szybka i bezp\u0142atna. Aby utworzy\u0107 Hotjar dla strony internetowej, nale\u017cy zarejestrowa\u0107 si\u0119 na stronie programu. Po rejestracji otrzymamy kod Java Script, kt\u00f3ry musimy skopiowa\u0107 i wklei\u0107 w sekcji HEAD naszej witryny. W panelu Sellingo zrobisz to w \u0142atwy spos\u00f3b, o kt\u00f3rym opowiemy w nast\u0119pnym podpunkcie. Dopiero po umieszczeniu kodu w \u017ar\u00f3dle strony dane zaczn\u0105 importowa\u0107 si\u0119 do programu Hotjar. Jak wi\u0119c to zrobi\u0107?<\/p>\n\n\n\n

Jak zainstalowa\u0107 Hotjar w panelu Sellingo?<\/h2>\n\n\n\n

Zaloguj si\u0119 do konta Sellingo, a nast\u0119pnie najed\u017a myszk\u0105 na zak\u0142adk\u0119 Administracja<\/strong>. Potem przejd\u017a do Ustawie\u0144 podstawowych<\/strong>.<\/p>\n\n\n\n

\"Ustawienia<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Znajd\u017a zak\u0142adk\u0119 JavaScript i dodatki<\/strong>, a nast\u0119pnie wklej skopiowany kod do sekcji HEAD (Kod umieszczony w tagu HEAD<\/strong>).<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Wklejanie<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Zapisz<\/strong> zmiany u do\u0142u strony (nie zapomnij klikn\u0105\u0107 Wyczy\u015b\u0107 bufor<\/strong>) i gotowe!<\/p>\n\n\n\n

Funkcje Hotjar \u2013 do czego s\u0142u\u017c\u0105 i jak je uruchomi\u0107?<\/h2>\n\n\n\n

Kiedy umie\u015bcili\u015bmy ju\u017c kod w \u017ar\u00f3dle strony, a dane z naszej witryny znajduj\u0105 si\u0119 w programie, wci\u0105\u017c musimy w\u0142\u0105czy\u0107 funkcje, kt\u00f3rych chcemy u\u017cywa\u0107. Na szcz\u0119\u015bcie panel jest bardzo intuicyjny i przyjazny pocz\u0105tkuj\u0105cym. Do najwa\u017cniejszych funkcji Hotjaru nale\u017c\u0105:<\/p>\n\n\n\n

Heatmapa<\/h3>\n\n\n\n

W  celu dodania mapy cieplnej nale\u017cy w menu odnale\u017a\u0107 zak\u0142adk\u0119 \u201eHeatmap\u201d, a nast\u0119pnie klikn\u0105\u0107 \u201e+ New heatmap\u201d. Okre\u015blimy tu takie parametry jak liczba wy\u015bwietle\u0144, kt\u00f3re chcemy zmierzy\u0107, i jakie strony maj\u0105 by\u0107 zliczane (pojedyncza strona np. strona g\u0142\u00f3wna lub podobne strony np. strony produkt\u00f3w z naszego sklepu).<\/p>\n\n\n\n

To w\u0142a\u015bnie heatmapa poka\u017ce nam, w kt\u00f3rym miejscu klikali u\u017cytkownicy. Mapa cieplna wy\u015bwietla si\u0119 za pomoc\u0105 kolor\u00f3w \u2013 w standardowym ustawieniu niebieski jest barw\u0105 ukazuj\u0105c\u0105 pojedyncze klikni\u0119cia, czerwony za\u015b pokazuje najbardziej klikalne fragmenty witryny.<\/p>\n\n\n\n

Analiza przewijania strony<\/h3>\n\n\n\n

Strony zazwyczaj nie mieszcz\u0105 si\u0119 na ekranach mobilnych ani desktopowych, dlatego musimy je przewija\u0107 \u2013 je\u015bli nas zainteresuj\u0105. Badanie przewijalno\u015bci strony jest wi\u0119c dobrym sposobem na okre\u015blenie, czy nasze tre\u015bci przyci\u0105gaj\u0105 uwag\u0119 i w kt\u00f3rym miejscu przestaj\u0105 by\u0107 interesuj\u0105ce. Mapa cieplna przewijania w Hotjar dzia\u0142a na zasadzie kalki \u2013 czerwon\u0105 nak\u0142adk\u0119 otrzymuje ta cz\u0119\u015b\u0107 strony, kt\u00f3ra utrzymuje uwag\u0119 u\u017cytkownika. Kolejne kolory (\u017c\u00f3\u0142ty, zielony, niebieski) reprezentuj\u0105 ju\u017c coraz mniejsz\u0105 liczb\u0119 os\u00f3b pozosta\u0142ych w witrynie.<\/p>\n\n\n\n

Nagrywanie zachowania internaut\u00f3w<\/h3>\n\n\n\n

Ta funkcja umo\u017cliwia nagrywanie dok\u0142adnego ruchu u\u017cytkownika na naszej stronie. Na nagraniu zobaczysz ca\u0142\u0105 drog\u0119 kursora pojedynczego u\u017cytkownika. Wideo mo\u017cesz przyspieszy\u0107, a tak\u017ce pomin\u0105\u0107 fragmenty bezczynno\u015bci. Taka analiza pozwoli Ci wychwyci\u0107 b\u0142\u0119dy, kt\u00f3rych nie zobaczy\u0142by\u015b, samodzielnie przegl\u0105daj\u0105c witryn\u0119.<\/p>\n\n\n\n

Hotjar \u2013 wersja darmowa czy p\u0142atna?<\/h2>\n\n\n\n

Hotjar to bardzo przydatne narz\u0119dzie dla os\u00f3b prowadz\u0105cych w\u0142asne sklepy internetowe. Trudno znale\u017a\u0107 pow\u00f3d, dla kt\u00f3rego mieliby\u015bmy nie skorzysta\u0107 z tej us\u0142ugi. Program mo\u017cemy zainstalowa\u0107 w wersji darmowej \u2013 a bezp\u0142atnie w tym przypadku nie znaczy gorzej. Mo\u017cemy wypr\u00f3bowa\u0107 wszystkie funkcje Hotjaru z ograniczeniem ilo\u015bciowym \u2013 dopuszczalne jest m.in. utworzenie mapy cieplnej dla 3 podstron, a narz\u0119dzie ogranicza si\u0119 do rejestracji 2 tys. ods\u0142on dziennie. Nawet z takim zakresem mo\u017cemy wci\u0105\u017c wiele zyska\u0107, zw\u0142aszcza je\u015bli jeste\u015bmy posiadaczami ma\u0142ego sklepu internetowego lub bloga. Koszt wersji p\u0142atnej zaczyna si\u0119 od 29 euro za miesi\u0105c i nie posiada \u017cadnych ogranicze\u0144. To dobre rozwi\u0105zanie dla wi\u0119kszych firm z rozbudowanymi stronami. Niezale\u017cnie, czy zdecydujemy si\u0119 na wersj\u0119 p\u0142atn\u0105 czy darmow\u0105, Hotjar b\u0119dzie wspania\u0142ym \u017ar\u00f3d\u0142em do analizy.<\/p>\n\n\n

\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n 3.6\/5 - (9 votes) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

Umieszczamy na stronie rozmaite tre\u015bci z nadziej\u0105, \u017ce zdo\u0142aj\u0105 zatrzyma\u0107 u\u017cytkownika na d\u0142u\u017cej. <\/p>\n","protected":false},"author":6,"featured_media":2699,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[69],"tags":[570,569,403,571],"_links":{"self":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/2698"}],"collection":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/comments?post=2698"}],"version-history":[{"count":5,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/2698\/revisions"}],"predecessor-version":[{"id":3824,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/posts\/2698\/revisions\/3824"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/media\/2699"}],"wp:attachment":[{"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/media?parent=2698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/categories?post=2698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sellingo.pl\/blog\/wp-json\/wp\/v2\/tags?post=2698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}