Guide

Heatmaps och sessionsinspelningar — så förstår du dina besökare

Heatmaps och sessionsinspelningar visar exakt vad besökarna gör på din sida. Lär dig använda dem för att hitta konverteringsproblem.

Publicerad 2026-02-26

Siffror i Google Analytics berättar att besökare lämnar din sida — men inte varför. Heatmaps och sessionsinspelningar visar det faktiska beteendet: var de klickar, hur långt de scrollar, och exakt var de ger upp. Det är skillnaden mellan statistik och förståelse.

Tre typer av heatmaps du behöver känna till

Clickmap — visar var besökarna klickar. Avslöjar om de klickar på element som inte är klickbara (ett frustrationstecken), om CTA-knappen förbises, eller om de klickar fel i formuläret. Scrollmap — visar hur långt besökarna scrollar. Om 70% av besökarna aldrig ser ditt kontaktformulär längst ner på sidan är det ett akut problem. Movemap — spårar musrörelser. Korrelerar med ögonrörelser och visar vad besökarna uppmärksammar.

En rörmokare i Göteborg använde clickmap och upptäckte att 40% av besökarna klickade på en bild av deras servicebilar — som inte var en länk. De lade till en länk till sidan med sina tjänster. Konverteringsgraden steg med 18% den månaden.

Sessionsinspelningar — se din sida med besökarens ögon

En sessionsinspelning är en videoinspelning av en faktisk besökares session på din sida. Du ser musrörelser, scrollning, klick och formulärifyllning i realtid. Det är det mest kraftfulla verktyget för att förstå användarupplevelsen.

Vad du letar efter i inspelningarna: 1) Rageklick — snabba upprepade klick på samma element indikerar frustration. 2) Tveksamt scrollande — besökaren scrollar upp och ner flera gånger, letar efter något. 3) Formulärabandonment — besökaren börjar fylla i formuläret men lämnar. 4) Snabb avhopp — besökaren lämnar inom 5 sekunder utan att interagera.

Kom igång med Microsoft Clarity — gratis

Microsoft Clarity är det bästa kostnadsfria verktyget för heatmaps och sessionsinspelningar. Skapa konto på clarity.microsoft.com. Kopiera spårningskoden och lägg in den i din webbplats header (eller via Google Tag Manager). Vänta 24–48 timmar tills data börjar samlas in. Klicka på 'Recordings' för att se de första sessionerna.

Clarity erbjuder också automatisk identifiering av problem — det flaggar sessioner med 'Dead clicks', 'Rage clicks' och 'Excessive scrolling' automatiskt. Börja med att filtrera på dessa för att snabbt hitta de viktigaste problemen.

Så analyserar du dina scrollmaps

En scrollmap visar att 100% av besökarna ser toppen av sidan, men kanske bara 40% scrollar ner till formuläret. Placera din viktigaste CTA så högt som möjligt — gärna above the fold (synlig utan scroll). Lägg aldrig din enda CTA längst ner på en lång sida.

Regel: Om under 50% av besökarna scrollar förbi ett element bör du flytta det högre upp eller duplicera det ovan den 50%-linjen. En snickare som flyttade offertformuläret från botten till mitt på sidan ökade formulärinlämningarna med 63%.

Kombinera heatmaps med A/B-tester

Heatmaps identifierar problemet. A/B-tester bekräftar lösningen. Arbetsflöde: 1) Clickmap visar att CTA-knappen förbises. 2) Hypotes: Knappen är inte synlig nog. 3) A/B-test: Testa en större, kontrastrikare knapp. 4) Mät konverteringsresultatet. Detta datadrivna arbetsflöde gör att varje förändring du gör är baserad på faktiskt beteende — inte gissningar.

Vanliga misstag med heatmaps

Att dra slutsatser från för lite data (under 500 sessioner). Inte filtrera mobil och desktop separat — beteendet skiljer sig drastiskt. Ignorera rageklick och dead clicks — de är tydliga signalerare om UX-problem. Titta bara på heatmaps utan att komplettera med sessionsinspelningar.