Heatmapa: co ukáže a jak ji číst

Heatmapa je barevná mapa kliknutí, pohybu a scrollování na stránce. Ukáže, co tabulka v GA4 neřekne – třeba že lidé na mobilu nedoscrollují k tlačítku „Do košíku“, nebo klikají na obrázek, který nikam nevede.

maskot 6 | Heatmapa: co ukáže a jak ji číst
fog | Heatmapa: co ukáže a jak ji číst

← Slovník pojmů

Heatmapa

Kreativa a web · Měření a data

Barevná mapa kliknutí, pohybu a scrollování na stránce. Nástroje jako Microsoft Clarity nebo Hotjar k ní přidávají i záznamy návštěv.

  • Druhy: kliky, scrollování, pohyb myši.
  • Nástroje: Microsoft Clarity (zdarma), Hotjar a další.
  • Spouštět až po souhlasu s cookies.

Heatmapy a záznamy

NástrojCo ukáže
Klikykam lidé klikají – i na prvky, které nejsou odkazy
Scrollováníkolik procent lidí dojde do které části stránky
Pohyb myšikudy lidé vedou myš – orientačně, čemu věnují pozornost (jen na počítači)
Záznamy návštěvprůchod jednotlivých lidí stránkou – kde váhají a kde odejdou

Jak heatmapu číst

  • Dívejte se zvlášť na mobil a počítač – chování se hodně liší.
  • Hledejte kliky na neklikatelné prvky – lidé čekají odkaz tam, kde není.
  • Kam dojde většina lidí – co je pod tím, skoro nikdo neuvidí. Hlavní CTA patří výš.
  • Srovnávejte zdroje návštěv – lidé z reklamy se chovají jinak než z vyhledávání.
  • Počkejte na data – heatmapa z pár desítek návštěv klame.
  • Heatmapa ukáže kde, ne proč. Proč lidé váhají nebo odcházejí, napoví až záznamy jednotlivých návštěv.

Heatmapy a cookies

Nástroje na heatmapy a záznamy návštěv ukládají cookies a sledují chování, takže se smí spustit až po souhlasu v cookie liště. V záznamech skryjte formulářová pole a osobní údaje.

Co dělat se zjištěním

Heatmapa ukáže problém, ne řešení. Z pozorování udělejte hypotézu a ověřte ji A/B testem. Víc o zlepšování webu v hesle CRO.

Z praxe

Na heatmapy vstupních stránek kampaní se díváme hlavně tehdy, když kliky stojí stejně a objednávek ubývá.

Časté otázky k heatmapám

Co je heatmapa webu?

Barevná mapa toho, kam lidé na stránce klikají, jak daleko scrollují a kudy vedou myš.

Jaký nástroj na heatmapy použít?

Microsoft Clarity je zdarma, Hotjar a další nabízejí víc funkcí za poplatek.

Potřebuje heatmapa souhlas s cookies?

Ano, nástroje na heatmapy se smí spustit až po souhlasu návštěvníka.

Kde lidé na vašem webu odpadají?

Projdeme heatmapy a záznamy vstupních stránek kampaní a navrhneme úpravy s největším dopadem na objednávky.

Nalaďte si náš newsletter

A získejte pravidelná hlášení o novinkách z digitálního vesmíru!

Odesláním formuláře souhlasíte se zpracováním osobních údajů.

Remédio asteroid Remédio asteroid
fog2 | Heatmapa: co ukáže a jak ji číst

Sbíráme odznáčky

Heureka Partner badge b 273x300 1 | Heatmapa: co ukáže a jak ji číst Google Business Partner | Heatmapa: co ukáže a jak ji číst 631b45dc8a806b0a419d8ddc Untitled 2 | Heatmapa: co ukáže a jak ji číst Google Partner Blog | Heatmapa: co ukáže a jak ji číst shoptet partner gold 2 | Heatmapa: co ukáže a jak ji číst sklik overeni 2webp 2 1 | Heatmapa: co ukáže a jak ji číst specialista1 0 2 1 | Heatmapa: co ukáže a jak ji číst Heureka Partner badge b 273x300 1 | Heatmapa: co ukáže a jak ji číst Google Business Partner | Heatmapa: co ukáže a jak ji číst 631b45dc8a806b0a419d8ddc Untitled 2 | Heatmapa: co ukáže a jak ji číst Google Partner Blog | Heatmapa: co ukáže a jak ji číst shoptet partner gold 2 | Heatmapa: co ukáže a jak ji číst sklik overeni 2webp 2 1 | Heatmapa: co ukáže a jak ji číst specialista1 0 2 1 | Heatmapa: co ukáže a jak ji číst Heureka Partner badge b 273x300 1 | Heatmapa: co ukáže a jak ji číst Google Business Partner | Heatmapa: co ukáže a jak ji číst 631b45dc8a806b0a419d8ddc Untitled 2 | Heatmapa: co ukáže a jak ji číst Google Partner Blog | Heatmapa: co ukáže a jak ji číst shoptet partner gold 2 | Heatmapa: co ukáže a jak ji číst sklik overeni 2webp 2 1 | Heatmapa: co ukáže a jak ji číst specialista1 0 2 1 | Heatmapa: co ukáže a jak ji číst Heureka Partner badge b 273x300 1 | Heatmapa: co ukáže a jak ji číst Google Business Partner | Heatmapa: co ukáže a jak ji číst 631b45dc8a806b0a419d8ddc Untitled 2 | Heatmapa: co ukáže a jak ji číst Google Partner Blog | Heatmapa: co ukáže a jak ji číst shoptet partner gold 2 | Heatmapa: co ukáže a jak ji číst sklik overeni 2webp 2 1 | Heatmapa: co ukáže a jak ji číst specialista1 0 2 1 | Heatmapa: co ukáže a jak ji číst

Jste připraveni ke startu?

Napište, zavolejte, stavte se. Ať už máte dotaz, nápad nebo poptávku.
Rádi vás vyslechneme a pomůžeme najít ideální řešení.

Napište nám
Remédio kosmonaut