Hvad er en Heatmap?
Heatmaps fortæller dig hvad dine brugere gør på din side — ikke hvad de siger de gør. Det er den korteste vej til at forstå hvad der virker og hvad der saboterer din konverteringsrate.
- Heatmap (Varmekort)
- En heatmap er en visuel datarepræsentation der viser brugeradfærd på en hjemmeside. Varme farver (rød, orange) angiver høj aktivitet, kolde farver (blå, lilla) lav aktivitet. Heatmaps optages automatisk via et JavaScript-snippet på hjemmesiden.
- Typer: Klik-heatmap (where brugere klikker), Scroll-heatmap (hvad brugere ser), Bevægelses-heatmap (musebevægelser)
- Også kaldet: Varmekort, Klikheatmap, Scroll-heatmap
Sådan fungerer en heatmap
Heatmap-tools som Hotjar, Microsoft Clarity (gratis), Lucky Orange og Mouseflow installeres via et lille JavaScript-snippet på din hjemmeside. Toolet registrerer al brugerinteraktion anonymt — klik, musebevægelser og scroll-dybde — og aggregerer data til en farvekodet visualisering ovenpå din side.
Klik-heatmaps viser præcist hvilke elementer brugere klikker på — herunder elementer der ikke er klikbare. Klikker mange brugere på et produktbillede der ikke er et link, er det et tegn på at de forventer at komme til produktsiden ved klik. Scroll-heatmaps viser hvor langt ned brugere ruller. Er der et vigtigt element som kun 10% af besøgende ser fordi det er placeret langt nede, bør det flyttes op.
Session recordings — en relateret funktion i de fleste heatmap-tools — optager anonymiserede video-gengivelser af individuelle brugersessioner. Du ser præcis hvad en bruger gør: hvilke felter de udfylder, hvad de tøver ved og hvornår de forlader siden. Disse optagelser afslører konkrete UX-problemer der ikke er synlige i aggregeret data.
Microsoft Clarity er gratis og integrerer direkte med Google Analytics 4 — et naturligt startpunkt for de fleste. Hotjar er mere avanceret og betalt.
Eksempel
Et forsikringsselskabs landingsside konverterer kun 0,8%. Scroll-heatmap afslører at 70% af besøgende aldrig scroller forbi hero-sektionen — de ser aldrig prisen, anmeldelserne eller CTA'en nede på siden. Klik-heatmap viser at brugere klikker på logoet i stedet for CTA-knappen.
Løsningen: CTA-knappen flyttes op til hero-sektionen og gøres større og mere kontrasterende. Prisen vises tydeligt above the fold. Konverteringsraten stiger fra 0,8% til 2,1% — en forbedring på 163% baseret på to ændringer der kostede 30 minutters arbejde.
Hvornår bruger du det?
Heatmaps er et essentielt diagnosticeringsværktøj inden du starter A/B tests. De fortæller dig hvad du skal teste. Brug heatmaps ved: lancering af ny hjemmeside eller landingsside, undersøgelse af høj bounce rate og lav konverteringsrate, og efter større redesigns for at validere at brugere interagerer som forventet.
Heatmaps er særligt værdifulde for landing pages der modtager Google Ads- eller Meta Ads-trafik, da du betaler per besøgende og skal maksimere værdien af hvert klik.
Relaterede begreber
Vil du vide hvad dine besøgende egentlig gør på din hjemmeside?
Gezar sætter heatmap-tracking op, analyserer brugeradfærd og omsætter indsigterne til konkrete CRO-forbedringer. Kombineret med Google Ads-optimering giver det en komplet profitabel marketingmotor.
Book gratis strategimøde