Hoppa till innehållet

Praktik · 7 november 2026 · 3 min läsning

Heatmap på webbplatsen: typer, bärkraft och dataskydd

Klick-, scroll- och rörelse-heatmaps förklarade: vad de visar, hur många besök du behöver, typiska felslut och vad dataskyddet kräver.

Skiss av en webbsida: många klick på knappen för förfrågan, få på en bild. Bredvid sjunker andelen besökare med scrolldjupet
Grafik: Whovisit · Visa grafiken i stor storlek

En heatmap färgar en webbsida efter var besökare klickar, hur långt de scrollar eller var musen rör sig. Rött betyder mycket, blått lite. Det är åskådligt och övertygar i varje möte. För att bilderna inte ska leda till felaktiga beslut lönar det sig att veta vad de visar och vad de inte visar.

De fyra vanliga typerna

TypVisarBra för
Klick-heatmapVar man klickar eller tryckerKnappar som förbises, klick på sådant som inte är länkar
Scroll-heatmapHur stor andel av besökarna som når vilket djupLånga sidor, placering av viktigt innehåll
Rörelse-heatmapVar musen rör sigGrov indikation på uppmärksamhet vid datorn
Uppmärksamhets-heatmapHur länge ett område var synligtVilka avsnitt som läses

Nära besläktade är sessionsinspelningar, också kallade session replay eller musvideor. De visar enskilda besök som film i stället för en summa av alla besök. Vad som är att beakta dataskyddsrättsligt står i Session replay och dataskydd: använda musvideor rätt.

Hur många besök du behöver

En heatmap är en statistik. Med 30 besök visar den slump. Som grov regel behöver du några hundra besök per sida och enhetstyp innan mönster blir hållbara. För B2B-sidor med lite trafik innebär det: Mät hellre en viktig sida under flera veckor än tio sidor under några dagar.

Fem typiska felslut

  1. Mobil och dator blandade. I mobilen ligger element på andra ställen. En gemensam heatmap visar då klick på ställen där det för hälften av besökarna inte finns något alls. Utvärdera alltid enheter var för sig.
  2. Rörligt innehåll. Hopfällbara områden, bannrar och slidrar förskjuter sidan. Färgen hamnar då på fel ställe.
  3. Mus lika med öga. Musen följer blicken bara grovt. Många låter den helt enkelt ligga medan de läser.
  4. Litet scrolldjup lika med dålig sida. Den som hittar det han söker överst behöver inte scrolla. Litet scrolldjup på en kontaktsida är ett gott tecken.
  5. Alla besökare lika viktiga. I B2B räknas inte varje besök lika. Hundra studerande döljer i summan de tre inköpare det egentligen gäller.

Vad du gör av det

Heatmaps ger indikationer, inga svar. Ett bra förlopp:

  1. Fastställ frågan. Till exempel: Ser besökare knappen för förfrågan?
  2. Välj sida och tidsrymd, tillräckligt stor för hållbara tal.
  3. Anteckna det som sticker ut, till exempel: 60 procent av besökarna på datorn når aldrig knappen.
  4. Testa en ändring, till exempel sätta knappen högre.
  5. Mät resultatet på ett hårt tal, som förfrågningar per vecka, inte på en ny heatmap.

Dataskydd

Heatmap-verktyg laddar ett skript som registrerar klick, musrörelser och scrollning i webbläsaren. Därmed sker åtkomst till besökarens enhet. I Tyskland kräver § 25 TDDDG för det som regel ett samtycke, i Österrike § 165 TKG 2021. Skriptet bör alltså laddas först efter godkännande i cookiebannern.

Tänk dessutom på de här punkterna:

  • Maskera inmatningar. Det som besökare skriver i formulärfält hör inte hemma i en heatmap.
  • Kort lagringstid. För en utvärdering räcker oftast några veckor.
  • Serverns plats och avtal. Med leverantören ingår du ett personuppgiftsbiträdesavtal.

Grunderna om samtycke och rättslig grund står i Samtycke eller berättigat intresse: så avgör du.

Vanliga frågor

Behöver jag en heatmap om jag redan har webbanalys? Webbanalys visar vilka sidor som anropas. Heatmapen visar vad som sker på en sida. Båda kompletterar varandra.

Är heatmaps meningsfulla i B2B? Ja, för några få viktiga sidor som startsida, priser och kontakt. För frågan vilka företag som har läst behövs ett annat verktyg, se Vilka företag besöker min webbplats? 3 vägar i överblick.

Finns det heatmaps utan cookie? Det finns verktyg som arbetar utan cookie. Ett samtycke kan ändå behövas, eftersom skriptet läser uppgifter ur webbläsaren.

Läs vidare