Heatmapy a nahrávky relací: Hotjar a Microsoft Clarity

Google Analytics 4 vám řekne, kolik lidí přišlo na stránku a zda odešlo. Neřekne vám, proč odešli. Co hledali? Kde klikali? Nad čím se zastavili? Kde „zasekli"? Na tyto otázky odpovídají qualitativní analytické nástroje – heatmapy a nahrávky relací.

Co jsou heatmapy

Heatmapa (teplotní mapa) je vizualizace agregovaného chování uživatelů na konkrétní stránce. Oblasti s intenzivní aktivitou jsou zobrazeny teplými barvami (červená, oranžová), neaktivní oblasti chladnými (modrá).

Typy heatmap:

Click heatmapa – zobrazuje, kam uživatelé klikají. Odhalí:

• Nefunkční prvky, na které lidé klikají (text stylizovaný jako tlačítko, ale ne odkazový)
• Ignorovaná tlačítka CTA
• Klikání na obrázky, které nejsou odkazem

Scroll heatmapa – zobrazuje, jak daleko uživatelé stránku rolují. Odhalí:

• Kde většina uživatelů přestane scrollovat
• Zda klíčový obsah nebo CTA jsou vidět dostatečné části publika
• Rozdíl ve scroll depth mezi mobilem a desktopu

Move heatmapa – sleduje pohyb myši (desktop only). Koreluje s tím, kde uživatelé čtou – oči zpravidla následují kurzor. Odhalí čtenářské vzorce (F-pattern, Z-pattern).

Co jsou nahrávky relací (Session Recordings)

Session recording zachycuje kompletní průběh jedné relace – pohyby myši, kliky, rolování, klikání na zpět. Výsledkem je video (nebo spíše přehraná animace) přesně ukazující, co uživatel dělal.

Co session recordings odhalí:

• Frustrace uživatelů (opakované klikání na nefunkční prvek = rage click)
• Zmatení z navigace
• Opuštění formuláře – kde přesně uživatel přestal vyplňovat
• Chyby na webu, které způsobují problém
• Skutečné chování vs. předpokládané chování

Microsoft Clarity: bezplatné řešení

Microsoft Clarity je bezplatný nástroj od Microsoftu spuštěný v roce 2020. Neobsahuje žádná omezení v bezplatné verzi – neomezené nahrávky, neomezené heatmapy, bez limitu na počet stránek nebo provozu.

Klíčové funkce Clarity

Session recordings: Clarity zaznamenává relace automaticky bez nastavení. Filtrovat lze podle zdroje provozu, zařízení, stránek, doby trvání nebo chování (rage clicks, dead clicks, quick backs).

Heatmapy: Click, scroll a area mapy pro libovolnou stránku. „Area map" umožňuje kliknout na konkrétní prvek stránky a zobrazit, kolik procent kliknutí na dané stránce se odehrálo na tomto prvku.

Automatická detekce frustrací:

• Rage clicks – uživatel opakovaně kliká na jedno místo (frustrace z nereagujícího prvku)
• Dead clicks – kliknutí na prvky bez akce
• Quick backs – uživatel přejde na stránku a okamžitě se vrátí zpět

Integrace s GA4: Clarity se propojí s GA4 a přidá do relací odkaz na příslušnou nahrávku v Clarity. V GA4 segmentu pak vidíte přímo odkaz na nahrávku.

Dashboard Clarity: Přehled klíčových metrik – dead clicks %, rage clicks %, quick backs %, session summary.

Omezení Clarity

• Nahrávky se uchovávají pouze 30 dní (pak jsou smazány)
• Žádné zpětné vazby, ankety ani průzkumy (jen recording + heatmapy)
• Omezené filtrovací možnosti oproti placeným nástrojům
• Od října 2025 vyžaduje platný Consent Mode signal pro uživatele z EEA, UK a Švýcarska – bez souhlasu Clarity data nesbírá

Pro koho je Clarity ideální

Malé a střední firmy, startupy, weby kde postačí základní UX přehledy bez potřeby pokročilých funkcí. Clarity je výborný vstupní bod do qualitativní analytiky.

Hotjar: komplexní UX platforma

Hotjar je komerční nástroj s delší historií a širší sadou funkcí. Nabízí heatmapy a nahrávky, ale navíc také feedback nástroje, průzkumy a nástroje pro uživatelský výzkum.

Klíčové funkce Hotjar

Heatmapy: Click, scroll a move mapy. Hotjar navíc nabízí dynamické heatmapy pro stránky s obsahem načítaným JavaScriptem (single-page applications).

Session recordings: Filtrování podle desítek parametrů, tagování relací, sdílení konkrétních relací s komentáři. Delší uchovávání dat (365 dní).

Feedback widgety: Tlačítko zpětné vazby na libovolném místě stránky. Uživatel může označit problematický prvek a napsat komentář.

Průzkumy (Surveys): Vložené nebo odkazové průzkumy – NPS skóre, výstupní průzkumy ("Proč dnes nenakoupíte?"), onboarding průzkumy.

User interviews: Hotjar má vestavěný nástroj pro nábor uživatelů k UX testování.

Ceny Hotjar

Hotjar nabízí bezplatný plán s limitovanými funkcemi:

• 35 denních relací zdarma
• Základní heatmapy

Placené plány začínají přibližně od 26 GBP/měsíc pro vyšší limit nahrávek a pokročilejší funkce.

Pro koho je Hotjar ideální

Firmy s aktivní UX a CRO (Conversion Rate Optimization) strategií, kde nestačí pouze data ale je potřeba i přímá zpětná vazba od uživatelů. Větší e-shopy nebo SaaS produkty, kde UX výzkum je součástí produktového rozvoje.

Hotjar vs. Microsoft Clarity: klíčové srovnání

Jak implementovat

Microsoft Clarity:

1. Registrace na clarity.microsoft.com
2. Vložte tracking kód do <head> webu nebo přidejte tag v GTM (hledejte „Microsoft Clarity" template)
3. Ověřte instalaci v Clarity dashboardu

Hotjar:

1. Registrace na hotjar.com
2. Vložte Hotjar script nebo použijte GTM tag
3. Nastavte heatmapy pro prioritní stránky (homepage, produktové stránky, checkout)

Praktický postup analýzy

1. Spusťte nástroj a počkejte 1–2 týdny na sběr dat
2. Začněte heatmapami na klíčových stránkách (homepage, landing page, produktový detail, checkout)
3. Identifikujte neočekávané vzorce klikání nebo scroll depth
4. Pro každý problémový vzorec otevřete session recordings filtrované na danou stránku
5. Sledujte 10–20 relací a hledejte opakující se vzorce chování
6. Formujte hypotézy pro A/B testy

Závěr

Heatmapy a session recordings jsou nenahraditelným doplňkem kvantitativní analytiky. Čísla z GA4 řeknou „co", heatmapy a nahrávky řeknou „proč". Microsoft Clarity je perfektní volbou pro začátek – je zdarma a bez omezení. Hotjar přidejte tehdy, když potřebujete přímou zpětnou vazbu od uživatelů nebo pokročilejší analytické funkce.

Zdroje

• Microsoft Clarity - Free Heatmaps & Session Recordings (clarity.microsoft.com)
• Hotjar vs Microsoft Clarity (hotjar.com)
• Microsoft Clarity vs Hotjar – srovnání (crazyegg.com)
• Clarity vs Hotjar – vítěz srovnání (heatmap.com)