Har du någonsin tittat på din webbplatsanalys och undrat inte bara *vad* dina besökare gjorde, utan *varför* de gjorde det? Under lång tid förlitade vi oss på Google Analytics, men vi kände alltid att vi missade historien bakom siffrorna.
Det är där Microsoft Clarity förändrar spelet. Det tillhandahåller visuella verktyg som värmekartor och sessionsinspelningar, som visar dig exakt hur användare interagerar med din webbplats. Detta hjälper dig att gå bortom gissningar för att göra verkliga förbättringar.
I den här guiden visar vi dig den enkla metoden vi använder för att installera Microsoft Clarity på våra WordPress-webbplatser. Det är ett kraftfullt och gratis sätt att bättre förstå din publik.
Redo att dyka in? Här är en snabb översikt över vad vi kommer att täcka i den här handledningen:
- Vad är Microsoft Clarity och varför använda det?
- Microsoft Clarity vs. Google Analytics: Vad är skillnaden?
- När du har slutfört dessa frågor skapar Clarity automatiskt ditt projekt och ansluter din webbplats. Du behöver inte kopiera eller klistra in några spårningskoder.
- Använda Microsoft Clarity
- Slutliga tankar om Microsoft Clarity Analytics Tool
- Vanliga frågor om Microsoft Clarity
- Ytterligare resurser om WordPress-analys
Vad är Microsoft Clarity och varför använda det?
Microsoft Clarity är ett kostnadsfritt analysverktyg för webbplatser. Det hjälper dig att se de mest populära sidorna på din webbplats och hur användare klickar, scrollar och interagerar med dessa sidor.
Den viktigaste funktionen i Microsoft Clarity är dess datavisualisering av användarbeteende. Detta inkluderar klickspårning, värmekartor, sessionsinspelningar med mera.
Vi har funnit det användbart för att komma bortom de traditionella mätvärdena. Medan Google Analytics berättar vad som hände på din webbplats, visar Clarity exakt hur det hände.
Heatmaps visar en visuell rapport över hur användare flyttar musen, samt var de klickar, väljer och scrollar. Vi har använt dessa insikter för att optimera knapplaceringar och förbättra innehållslayouten för bättre engagemang.
På liknande sätt hjälper sessionsinspelningar dig att se hur användare tittar på ditt innehåll, var de spenderar mer tid och vad som får dem att lämna din WordPress-webbplats.
Denna information hjälper dig att skapa en bättre användarupplevelse för dina användare, förbättra prestanda och öka försäljningskonverteringar.
Observera: Microsoft varnar för att Clarity inte bör användas på webbplatser som innehåller känslig data, inklusive användares sjukvård, finansiella tjänster eller statlig information.
Microsoft Clarity vs. Google Analytics: Vad är skillnaden?
Som experter på WordPress-analys får vi ofta frågan om vi ska välja mellan Microsoft Clarity och Google Analytics. Sanningen är att de tjänar olika syften och fungerar bäst när de används tillsammans.
Google Analytics är den bästa analyslösningen på marknaden eftersom den erbjuder många djupgående spårningsfunktioner. Microsoft Clarity fokuserar däremot på visualisering av användarinteraktioner med värmekartor och sessionsinspelningar.
Google Analytics hjälper dig att spåra nästan allt på din webbplats. Den har också förbättrad e-handelsspårning, konverteringsspårning och detaljerade rapporter.
Ett bra sätt att tänka på det är att Google Analytics berättar vad som hände (till exempel lämnade 100 personer din kassa), medan Clarity visar dig varför det kan ha hänt (som att en trasig knapp fick dem att fastna).
Microsoft Clarity är en dedikerad beteendeanalysplattform som perfekt kompletterar Google Analytics genom att låsa upp visuella funktioner som värmekartor och besökarinspelningar.
Innan Microsofts analysfunktion använde många webbplatsägare betalda värmekartslösningar som Hotjar eller CrazyEgg tillsammans med Google Analytics, men nu har du ett gratis alternativ till dessa verktyg.
Vi rekommenderar att installera Google Analytics på alla dina webbplatser. Data som den tillhandahåller är avgörande för att förstå din publik och fatta datadrivna beslut för att förbättra din SEO och öka din trafik.
Båda fungerar ganska bra tillsammans utan att påverka din webbplats funktionalitet.
Det är enkelt att lägga till Microsoft Clarity på vilken webbplats som helst. Du behöver registrera dig för Microsoft Clarity och sedan lägga till en spårningskod på din webbplats. Vi guidar dig genom processen steg för steg.
När du har slutfört dessa frågor skapar Clarity automatiskt ditt projekt och ansluter din webbplats. Du behöver inte kopiera eller klistra in några spårningskoder.
Det finns några sätt att lägga till Microsoft Clarity på din webbplats. Du kan välja den metod som fungerar bäst för dig.
Metod 1: Lägg till Microsoft Clarity med den officiella pluginen (enklast)
Det enklaste sättet att lägga till Microsoft Clarity i WordPress är med den officiella Microsoft Clarity-pluginen. Vi rekommenderar starkt denna metod för nybörjare eftersom du vanligtvis inte behöver lämna din webbplats eller röra någon kod.
Installera och aktivera först Microsoft Clarity-pluginen. För mer information, se vår guide om hur man installerar en WordPress-plugin.
Efter aktivering kommer du automatiskt att tas till Clarity-inställningsskärmen. I de flesta fall kommer du att bli ombedd att logga in. Du kan logga in med ett befintligt Google-, Microsoft- eller Facebook-konto.
Notera för Safari- & annonsblockeraranvändare: Om din webbläsare blockerar spårningsskript kan pluginen hoppa över inloggningsskärmen och istället be om ett Clarity-projekts-ID. Om du ser detta, hoppa helt enkelt ner till vårt avsnitt nedan om Hämta din Clarity-spårningskod för att lära dig hur du skapar ditt konto och hittar ditt projekts-ID. Du kan sedan klistra in det ID:t direkt i den här rutan.
Om du kunde logga in normalt kan guiden visa en skärm som frågar om att 'Aktivera cookies för Clarity'.
Pluginen behöver dessa för att säkert visa din instrumentpanel inuti WordPress. Klicka på knappen för att aktivera dem.
Om din webbläsare förhindrar att cookies aktiveras, klicka bara på länken 'Jag vill inte aktivera tredjepartscookies'. Clarity kommer fortfarande att spåra din webbplats perfekt. Du kommer bara att logga in på den huvudsakliga Microsoft Clarity-webbplatsen för att se dina data.
Därefter kommer guiden att ställa några snabba frågor om ditt projekt. Följ helt enkelt anvisningarna på skärmen.
När du har besvarat frågorna kommer Clarity automatiskt att skapa ditt projekt och ansluta din webbplats. Du behöver inte kopiera eller klistra in några spårningskoder.
Det är allt. Din webbplats skickar nu data till Clarity. Du kan se dina värmekartor och inspelningar direkt i din WordPress-instrumentpanel genom att klicka på det nya menyalternativet 'Clarity' i din vänstra sidofält.
Hämta din Clarity-spårningskod (för metoder 2 & 3)
Gå först till Microsoft Claritys webbplats och klicka på knappen 'Kom igång'. Du behöver ett Microsoft-, Facebook- eller Google-konto för att registrera dig.
Efter registrering ser du Clarity-instrumentpanelen med en popup för att lägga till ett nytt projekt.
Ange ett namn för ditt projekt. Du kan använda namnet på din webbplats för att göra det lätt att känna igen. Ange sedan din webbplats URL.
När du har skapat ditt nya projekt kommer du att tillfrågas hur du vill installera Clarity.
Du bör klicka på alternativet 'Get tracking code'.
Du kommer nu att se spårningskoden som du behöver lägga till på din WordPress-webbplats.
Klicka bara på knappen ‘Kopiera till urklipp’.
Beroende på metoden du använder för att lägga till denna kod på din WordPress-webbplats kan du behöva hela spårningskoden eller bara ditt projekt-ID. Du hittar projekt-ID:t i slutet av spårningskoden precis före </script>.
På skärmdumpen ovan är det 'ejbjp9k5ge'. Kom ihåg att ditt eget projekt-ID kommer att vara en annan, unik kod.
Vi rekommenderar att du lämnar den här fliken öppen eller kopierar koden till en säker plats. Du kommer att behöva den i nästa steg av den här handledningen.
Metod 2: Lägga till Microsoft Clarity-kod med WPCode
Det säkraste och enklaste sättet att lägga till kod på din webbplats är WPCode, det bästa WordPress-pluginet för kodavsnitt. Detta plugin låter dig lägga till vilket skript som helst i din webbplats header eller footer direkt från din WordPress-instrumentpanel (ingen FTP eller cPanel behövs).
När du har installerat och aktiverat WPCode Free Plugin måste du besöka sidan Kodavsnitt » Header & Footer.
Väl där bör du klistra in hela Microsoft Clarity-spårningskoden i fältet 'Header'.
Glöm inte att klicka på knappen 'Spara ändringar' för att spara dina inställningar.
Pluginet kommer nu automatiskt att lägga till Microsoft Claritys analyskod på alla sidor på din WordPress-webbplats så att du kan spåra besökares aktivitet på din webbplats.
Metod 3: Lägga till Microsoft Clarity-kod med All in One SEO
All in One SEO är det bästa WordPress SEO-pluginet som låter dig enkelt optimera din WordPress-webbplats för sökmotorer och sociala medieplattformar. Vi visar dig hur du får ut mesta möjliga av det i vår guide om hur du ställer in All in One SEO för WordPress korrekt.
Om du har All in One SEO installerat på din webbplats kan du använda det för att lägga till Microsoft Claritys spårningskod.
Gå helt enkelt till All in One SEO » Allmänna inställningar » Webmasterverktyg och klicka på ikonen 'Microsoft Clarity'.
Ett fält kommer att visas där du kan klistra in ditt Clarity-projekt-ID. Det är det sista elementet i din Clarity-spårningskod och kommer att se ut ungefär som 'ejbjp9k5ge'.
Se till att du klickar på knappen ‘Spara ändringar’ efteråt, så kommer din WordPress-webbplats att kopplas till Microsoft Clarity.
Proffstips: Om du använder ett WordPress-cache-plugin måste du sedan rensa din WordPress-cache efter att ha lagt till projekt-ID eller spårningskod. Detta är viktigt eftersom Microsoft annars inte kan verifiera din webbplats på några timmar.
Bonus: Anslut Microsoft Clarity till Google Analytics
Om du redan använder Google Analytics kan du länka det till ditt Clarity-konto för djupare insikter. Detta låter dig filtrera Claritys inspelningar och värmekartor efter Google Analytics-segment.
Till exempel kan du se inspelningar endast från organiska sökbesökare eller användare som slutförde ett köp.
För att ansluta de två, öppna ditt Clarity-projekt och gå till Inställningar » Integrationer. Klicka på alternativet Google Analytics och ange ditt GA4-mät-ID.
Om du är osäker på var du hittar detta kan du följa vår guide om hur du installerar Google Analytics 4 i WordPress. Gå helt enkelt till din Google Analytics-instrumentpanel, klicka på 'Admin' och leta under dina 'Data Streams' för att hitta ID:t.
När det har sparats kommer Clarity att börja berika inspelningar med dina GA-data inom några timmar.
Denna integration är helt valfri, men den är särskilt användbar om du vill förstå varför vissa trafiksegment beter sig annorlunda på din webbplats.
Använda Microsoft Clarity
När du har installerat spårningskoden och rensat din WordPress-cache, kommer Microsoft att börja spela in besökares sessionsdata.
Det kommer dock troligen att ta upp till 2 timmar innan du kan se några resultat i ditt Clarity-konto.
Använda Microsoft Clarity-instrumentpanelen
Logga helt enkelt in på ditt Clarity-konto efter några timmar, så bör du kunna se aktivitetsöversikten i din instrumentpanel.
Du kan se användbara insikter som procentandelen sessioner som har 'döda klick'. Det är klick som inte leder någonstans. Till exempel kan användare klicka på en bild och tro att det är en knapp eller en länk.
En annan användbar statistik är ‘rage clicks’, när användare snabbt klickar eller trycker på samma område. Att uppmärksamma dessa mätvärden kan hjälpa dig att göra din webbplats mer användarvänlig.
Instrumentpanelen visar dig också antalet 'snabba returer'. Dessa inträffar när en användare lämnar en sida och sedan mycket snabbt återvänder till den.
Den spårar också överdrivet scrollande när användare scrollar genom en sida mer än förväntat. Och precis som Google Analytics gör Microsoft det enkelt att se de mest populära sidorna på din webbplats.
Använda Microsoft Clarity-inspelningar
Fliken 'Inspelningar' visar inspelningar av olika användarsessioner. Du får detaljer om användarens enhet, operativsystem och land.
Clarity talar också om för dig antalet sidor de besökte, varaktigheten och tiden för deras session, samt antalet klick de gjorde.
Inspelningarna låter dig se en animation av musrörelser och klick. I skärmdumpen ovan kan du se att en användare flyttade sin mus till länken för novemberarkivet och klickade på den.
Använda Microsoft Clarity Heatmaps
Fliken 'Värmekartor' visar dig en värmekarta över din webbplats. Dessa hjälper dig att se vilka sektioner som är populära på din webbplats baserat på antalet klickande personer.
Värmekartan kommer också att visa hur långt ner på sidan användarna har scrollat och vilka områden på sidan som fick flest klick.
Visa Clarity-data inuti WordPress
En av de mest användbara funktionerna i det officiella Microsoft Clarity-pluginet är den inbäddade instrumentpanelen. Om du installerade Clarity med metod 1 kan du se din analys direkt från ditt WordPress-adminområde.
För att komma åt detta, titta helt enkelt på din vänstra WordPress-adminmeny och klicka på det nya menyalternativet Clarity.
Detta laddar din Clarity-instrumentpanel direkt inuti WordPress. Det betyder att du inte behöver öppna en ny flik eller logga in på en separat webbplats för att kontrollera hur besökare interagerar med din webbplats.
Den inbäddade vyn ger dig full tillgång till exakt samma data som den externa Clarity-instrumentpanelen. Du kan titta på sessionsinspelningar, visa värmekartor och analysera engagemangsmätvärden och enhetsnedbrytningar utan att någonsin lämna din webbplats.
På vår testwebbplats började den visa användbar information nästan omedelbart.
Clarity Copilot och Clarity Chat
Microsoft Clarity inkluderar också inbyggda AI-funktioner som gör det otroligt enkelt att extrahera insikter utan att behöva manuellt granska timmar av inspelningar.
Först är Clarity Copilot, som automatiskt sammanfattar dina sessionsinspelningar och ger dig viktiga slutsatser om användarbeteendemönster på vanligt språk. Du kan faktiskt använda den här funktionen på två olika sätt.
För att få en bred översikt över din trafik, navigera till fliken 'Inspelningar' på din instrumentpanel och klicka på knappen 'Sammanfatta inspelningar' nära övre högra hörnet av din skärm. AI:n kommer att analysera din nuvarande lista över inspelningar och generera en snabb sammanfattning av övergripande trender.
Notera: Om du har en helt ny webbplats eller precis har installerat Clarity, kan du se meddelandet "Inte tillräckligt med inspelningar för att generera en sammanfattning". AI:n behöver en viss mängd verklig besöksdata för att upptäcka mönster. Ge den bara några dagar att samla trafik, så kommer sammanfattningarna att börja fungera!
Om du vill förstå en specifik användares resa kan du också sammanfatta enskilda inspelningar. Titta bara under den specifika inspelningen efter knappen 'Generera sessionsinsikter'. Den ser ut som en tecknad pratbubbla med två gnistror.
Nästa är den interaktiva chattfunktionen. Detta låter dig ställa frågor om dina analysdata på enkel svenska. Du kan till exempel fråga: "Vilka sidor har flest vredes-klick?" eller "Var tappar användare bort sig i min utcheckningsflöde?" och få ett direkt svar.
Du hittar den här funktionen genom att klicka på Copilot-ikonen som finns längst upp till höger på din Clarity-instrumentpanel.
En chattpanel öppnas där du kan skriva dina frågor direkt.
Det bästa är att alla dessa AI-funktioner finns direkt i din Clarity-instrumentpanel och ingår i gratisversionen utan någon extra konfiguration.
Slutliga tankar om Microsoft Clarity Analytics Tool
Microsoft Clarity är ett kraftfullt analysverktyg med några otroliga funktioner för nybörjare. Även om det inte är ett alternativ till den kraftfulla Google Analytics-plattformen, erbjuder det definitivt några intressanta funktioner som gratis värmekartor och sessionsinspelning.
Ofta vill nya webbplatsägare se värmekartor och sessionsinspelningar, men de har inte budgeten för att köpa premiumlösningar som HotJar eller CrazyEgg. Nu kan du använda Microsoft Clarity.
Genom att använda värmekartorna och sessionsinspelningarna bör du kunna optimera din webbplats eller webbutik-upplevelse för att förbättra användarupplevelsen och öka försäljningen.
Vanliga frågor om Microsoft Clarity
Vi får många frågor om analysverktyg. För att hjälpa dig har vi sammanställt svar på de vanligaste frågorna om hur du använder Microsoft Clarity på din WordPress-webbplats.
1. Är Microsoft Clarity verkligen gratis att använda?
Ja, Microsoft Clarity är helt gratis. Det finns inga trafikbegränsningar eller betalda nivåer, vilket ger dig full tillgång till funktioner som värmekartor och sessionsinspelningar utan någon kostnad.
2. Kommer Microsoft Clarity att sakta ner min webbplats?
Microsoft har designat Claritys spårningsskript för att vara asynkront. Det innebär att det laddas oberoende och inte blockerar din webbplats innehåll från att laddas för dina besökare. Vi har inte observerat någon negativ påverkan på webbplatsens hastighet.
3. Kan jag använda Microsoft Clarity och Google Analytics samtidigt?
Absolut. Faktum är att de fungerar bäst tillsammans. Google Analytics är utmärkt för att spåra siffror och trender (som hur många som besökte en sida och var de kom ifrån). Clarity ger den visuella berättelsen bakom dessa siffror (som visar dig exakt var folk klickade och scrollade på den sidan).
4. Hur lång tid tar det för data att visas i min Clarity-instrumentpanel?
Efter att du har installerat spårningskoden kan det ta upp till 2 timmar för den första batchen av besöksdata att visas i din instrumentpanel. Efter den initiala bearbetningen kommer nya sessionsdata att visas mycket snabbt, ofta nära i realtid.
5. Är Microsoft Clarity bättre än Hotjar?
Båda verktygen erbjuder värmekartor och sessionsinspelningar, men de skiljer sig åt i prissättning och djup. Hotjars gratisversion är begränsad till 35 dagliga sessionsinspelningar, medan Microsoft Clarity är helt gratis utan begränsningar för sessioner eller trafik.
Clarity inkluderar också AI-drivna funktioner (Clarity Copilot och Clarity Chat) som Hotjar inte erbjuder. Hotjar har starkare verktyg för undersökningar och användarfeedback, så om du behöver enkäter på sidan eller feedback-widgets är det värt att överväga tillsammans med Clarity.
6. Hur använder jag Microsoft Clarity för att förbättra SEO?
Clarity hjälper indirekt med SEO genom att belysa sidor där användare är frustrerade eller ointresserade. Höga rage-click-frekvenser på en sida kan signalera ett trasigt element eller en vilseledande länk, som båda påverkar användarupplevelsens signaler.
Sessionsinspelningar kan visa dig var besökare blir förvirrade och lämnar, vilket hjälper dig att identifiera tunt eller förvirrande innehåll som kan orsaka höga avvisningsfrekvenser.
7. Vad är Clarity Copilot och Clarity Chat?
Clarity Copilot och Clarity Chat är AI-funktioner inbyggda i Microsoft Claritys instrumentpanel. Copilot genererar automatiska sammanfattningar av dina värmekartor och sessionsinspelningar så att du snabbt kan förstå beteendetrender utan att titta på enskilda inspelningar.
Clarity Chat är ett konversationsgränssnitt där du kan ställa frågor om dina data på klar svenska och få direkta svar. Båda funktionerna är gratis och tillgängliga för alla Clarity-användare.
Ytterligare resurser om WordPress-analys
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du installerar Microsoft Clarity Analytics i WordPress. Du kanske också vill se några andra guider relaterade till WordPress-analys:
- Bästa analyslösningar för WordPress-användare
- Hur man installerar Google Analytics i WordPress för nybörjare
- Hur du ställer in Google Analytics-mål för din WordPress-webbplats
- Den ultimata guiden till GA4 i WordPress för nybörjare
- Hur man spårar användarengagemang i WordPress med Google Analytics
- Hur du kontrollerar webbplatstrafik för vilken webbplats som helst
- MonsterInsights-recension: Är det rätt analysverktyg för dig?
- Hur man lägger till en statistikpanel på din WordPress-webbplats
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis Muthomi
Microsoft Clarity fungerar fantastiskt tillsammans med Google Analytics. Värmekartorna är revolutionerande för optimering av landningssidor!
Bra att det fungerar både för datorer och mobiler. Användare beter sig helt annorlunda på varje enhet, så detta hjälper mig att finslipa de responsiva designjusteringarna.
"Rage clicks"-funktionen har också varit en räddare i nöden. Den har hjälpt mig att snabbt identifiera och åtgärda UI-problem på mina kunders webbplatser.
Olaf
Jag använder vanligtvis WP Code och infogar Clarity-koden direkt i sidhuvudet eller en annan del av webbplatsen som alltid visas (som sidfoten). Det är ganska säkert och enkelt. Nu ser jag att AIO SEO också kan göra detta, och på ett ännu enklare sätt. Jag antar att lite-versionen också kan göra detta? Jag måste prova det, eftersom det är enkelt att lägga till koder, men detta skulle vara ett snabbare sätt.
Mrteesurez
Jag har alltid förlitat mig på Google Analytics för dess robusta spårningsfunktioner och detaljerade rapporter, särskilt när det gäller att förstå min e-handelsprestanda. Jag vill dock tacka dig för att du introducerade Microsoft Clarity. Idén att visualisera användarinteraktioner med värmekartor och sessionsinspelningar är fascinerande och ger ett insiktslager som traditionell analys ibland missar. Även om det kanske inte ersätter Google Analytics för mig, kan jag se hur en kombination av dem skulle kunna erbjuda en mer heltäckande bild av användarbeteendet. Denna kombination kan vara en game-changer för alla som menar allvar med att optimera sin webbplats användarupplevelse.
Jiří Vaněk
Jag överväger Clarity, särskilt nu när jag kan integrera det med AIO SEO. Jag undrar bara om den övergripande integrationen med Microsoft Clarity potentiellt kan påverka webbplatsens hastighet negativt?
Jag överväger bara Microsoft Clarity tillfälligt för värmekartor, för att bestämma den bästa placeringen, till exempel för Google AdSense. I detta sammanhang är det vettigt för mig att identifiera de minst använda områdena på webbplatsen och rikta annonsering dit.
WPBeginner Support
Det bör inte ha någon större effekt, men vi har inte gjort en fullständig djupgående analys av några hastighetsförändringar för närvarande.
Admin
Jiří Vaněk
Tack för rådet. Jag kopplade äntligen webbplatsen till Clarity tack vare AIO SEO och allt fungerar perfekt. Det är ett riktigt coolt verktyg. Jag har haft det på webbplatsen i några dagar, men jag är mycket nöjd med det.
Stefan
Det verkar som att det finns ett plugin nu också.
WPBeginner Support
Tack för att du lät oss veta det
Admin