Heatmapa
Heatmapa je vizuální nástroj, který zobrazuje, jak uživatelé interagují s webovou stránkou. Pomocí barevných přechodů ukazuje nejvíce a nejméně používané oblasti stránky — například kde lidé klikají, kam rolují nebo jak dlouho se dívají na určité prvky. Heatmapy pomáhají identifikovat silné a slabé stránky designu a optimalizovat uživatelskou zkušenost.
Hlavní typy heatmap:
- Clickmap – ukazuje, kde návštěvníci klikají nejčastěji.
- Scrollmap – ukazuje, jak daleko uživatelé scrollují stránku.
- Move/Attention map – zobrazuje pohyb myši a pozornost uživatele.
Příklad implementace základní heatmapy pomocí nástroje JavaScript (např. Hotjar):
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:123456,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
Heatmapy jsou užitečné při redesignu webu, A/B testování nebo optimalizaci konverzních cest. Pomáhají vizualizovat, co funguje a co návštěvníky odrazuje, a tím zvyšují efektivitu webu.


