Heatmap

Hvad er en heatmap?

En heatmap (varmekort) bruger farver til at vise brugeradfærd på en webside. Varme farver (rød, orange) angiver områder med høj aktivitet, mens kolde farver (blå, grøn) viser områder med lav aktivitet. Det giver dig et intuitivt overblik over, hvordan besøgende faktisk bruger dine sider.

Heatmaps er et centralt værktøj inden for Conversion Rate Optimization (CRO), fordi de afslører forskellen mellem, hvordan du tror brugerne navigerer, og hvordan de faktisk gør det.

Typer af heatmaps

Der findes flere typer heatmaps, der viser forskellige aspekter af brugeradfærden:

Klik-heatmap

Viser, hvor brugerne klikker på siden. Det afslører, hvilke knapper, links og elementer der trækker mest opmærksomhed — og lige så vigtigt, hvilke der ignoreres. Du kan opdage, om brugere klikker på elementer, der ikke er klikbare (frustrerende UX), eller om vigtige CTA-knapper overses.

Scroll-heatmap

Viser, hvor langt ned ad siden brugerne scroller. Det er vigtigt for at forstå, om dit indhold ses overhovedet. Hvis 80% af dine besøgende aldrig scroller forbi de første 500 pixels, bør dine vigtigste budskaber og CTA-knapper placeres øverst.

Bevægelses-heatmap

Viser, hvor brugerne bevæger musen hen. Der er en korrelation (om end ikke perfekt) mellem musebevægelse og øjenbevægelse. Det giver en indikation af, hvor brugernes opmærksomhed befinder sig.

Opmærksomheds-heatmap

Kombinerer tid og synlighed. Den viser, hvilke dele af siden brugerne ser længst tid på. Det er den mest præcise indikator for, hvad der faktisk fanger brugernes interesse.

Hvad kan du lære af heatmaps?

Heatmaps besvarer konkrete spørgsmål om din webshop:

• Bliver din CTA set? Hvis din "Læg i kurv"-knap ligger i et koldt område, bør den flyttes eller fremhæves.
• Scroller brugerne langt nok? Hvis vigtig information ligger under folden, og scroll-heatmappen viser, at kun 20% når derned, bør indholdet omstruktureres.
• Er navigationen intuitiv? Klik-heatmaps afslører, om brugerne finder de rigtige links, eller om de klikker forvirret rundt.
• Virker dine produktsider? Se om kunderne interagerer med produktbilleder, størrelsesguide, anmeldelser og andre elementer.
• Er der distraktioner? Hvis brugere klikker på dekorative elementer eller billeder, der ikke er links, er der en UX-fejl.

Populære heatmap-værktøjer

De mest brugte heatmap-værktøjer til webshops er:

• Hotjar: Det mest populære valg. Kombinerer heatmaps med session recordings, surveys og feedback. Gratis plan til mindre sites.
• Microsoft Clarity: Gratis værktøj fra Microsoft med heatmaps og session recordings. Ingen begrænsning på trafik.
• Crazy Egg: Fokuseret heatmap-værktøj med scroll maps, confetti reports og A/B-test.
• Lucky Orange: Kombinerer heatmaps, recordings og live chat i ét værktøj.

De fleste heatmap-værktøjer installeres ved at tilføje et JavaScript-snippet til din webshop. I Shoporama kan du gøre det via Google Tag Manager eller direkte i dit tema.

Heatmaps og GDPR

Heatmap-værktøjer indsamler brugerdata og kræver derfor cookie-samtykke under GDPR. Sørg for at:

• Inkludere heatmap-værktøjet i din cookie-politik
• Kun indlæse scriptet efter brugeren har givet samtykke til statistik-cookies
• Verificere at værktøjet anonymiserer personlige data (formularfelter, e-mails m.m.)

Bedste praksis for heatmap-analyse

• Saml nok data: Vent, til du har mindst 1.000-2.000 sidevisninger, før du drager konklusioner. Få datapunkter giver upålidelige resultater.
• Segmentér: Sammenlign heatmaps fra mobil vs. desktop, nye vs. tilbagevendende besøgende, og forskellige trafikkilder.
• Fokusér på nøglesider: Start med dine vigtigste sider — forsiden, top-produktsider og checkout — frem for at analysere hele sitet.
• Kombinér med andre data: Brug heatmaps sammen med Google Analytics-data og konverteringsrater for at prioritere ændringer med størst effekt.