Articles

Bästa plugins och verktyg för WordPress Heatmap

Publicerat i Analys, Marknadsföring av Erin Myers

Senaste uppdatering den 23 december 2020

heat map on top of wikipedia page

Om du är intresserad av att förstå den genomsnittliga besökaren på din webbplats bättre, finns det flera verktyg som kan hjälpa dig att göra det. Plattformar som samlar in användardata – till exempel Google Analytics – kan dock inte berätta exakt vad som drar till sig dina besökares fokus mest.

Turligtvis är värmekartor ett lättillgängligt verktyg som du kan implementera på din webbplats för att samla in denna värdefulla information. Genom att förstå vad besökarna faktiskt tittar på när de scrollar genom din webbplats kan du hjälpa dig att skapa maximal effekt med dina val av design och innehåll.

I den här artikeln diskuterar vi kortfattat hur du kan använda en värmekarta och de data den ger för att förbättra din WordPress-webbplats. Sedan presenterar vi några av de bästa plugins och verktyg för värmekartor. Nu sätter vi igång!

Användning av en Heatmap Plugin i WordPress

Heatmaps är ett mycket visuellt verktyg. De ger ett färglager över dina webbsidor som visar ”varma” och ”kalla” områden. De delar av din webbplats som får mest uppmärksamhet från besökarna markeras med rött.

Mindre engagerande delar kommer att visas som ohäftade, eller i kallare färger som lila, blått eller grönt. Orange och gult indikerar vanligtvis områden med måttligt intresse, där endast vissa användare har tagit sig tid att titta på innehållet:

heat map over wikipedia page about eye tracking

Denna information skiljer sig från vad andra verktyg för webbplatsanalys ger. Även om du kanske kan se vilka av dina sidor som är mest populära i Google Analytics kan du inte urskilja vad som är attraktivt för besökarna.

En värmekarta kan däremot berätta exakt hur leads interagerar med dina sidor, inklusive hur långt de scrollar, vad de klickar på med mera. Denna information kan hjälpa dig att fatta beslut om ditt innehåll och din design, för att tilltala dina besökares intressen och smak.

Bästa Heatmap Plugins

För att generera heatmaps för dina WordPress-inlägg och -sidor behöver du ett plugin eller ett annat verktyg från tredje part. Lyckligtvis finns det gott om kvalitetsalternativ tillgängliga. För att hjälpa dig att komma igång har vi listat sex av dem nedan.

Heatmap for WordPress

heatmap for wordpress plugin

Heatmap for WordPress är ett plugin för realtidsanalys och musspårning. Det ger lättlästa färgöverlagringar för din webbplats så att du kan förstå var dina problemområden finns och snabbt se var ditt innehåll behöver förbättras.

Detta insticksprogram samlar in information om smarta touch-enheter samt datorer och bärbara datorer, vilket gör att du kan få insikt om mobila användare och de som föredrar surfning på skrivbordet. Dessutom påverkar Heatmap för WordPress inte webbplatsens prestanda och håller användardata privata.

Olyckligtvis finns det gratis planer tillgängliga, men de är begränsade till en webbplats och fem sidor per användare. Chansen är stor att det inte ger dig mycket data att arbeta med. Betalda planer börjar på 100 dollar per månad.

CrazyEgg

crazyegg wordpress plugin for heatmaps

CrazyEgg-pluginet för WordPress lägger till ett spårningsskript på din webbplats för att övervaka dina besökares beteende. Du kan sedan använda CrazyEggs många dataverktyg – inklusive heatmapping – för att bättre förstå dina användare och förbättra din webbplats i enlighet med detta.

Ett enkelt sätt att avgöra om det här verktyget är något för dig är att dra nytta av CrazyEggs 30-dagars gratis provperiod. När den är över är planerna rimligt prissatta och börjar på 24 dollar per månad. Du kan lägga till lagmedlemmar till ditt konto utan extra kostnad, vilket gör detta till en idealisk plattform för samarbete.

Den enda verkliga nackdelen är att det kan vara knepigt att visa ögonblicksbilder från mobiler och datorer samtidigt. Trots det är CrazyEgg ett mycket populärt verktyg för värmekartor. Pluginet för WordPress gör det enklare att lägga till spårningsskriptet, men det är inte nödvändigt för plattformens funktionalitet.

HotJar

hotjar heatmap plugin and tool for wordpress

HotJar är ett robust verktyg för värmekartor och insamling av kunddata. Motsvarande plugin för WordPress gör det lättare för dig att ställa in de nödvändiga spårningskoderna på din webbplats, men du behöver det inte för att använda själva HotJar.

Likt CrazyEgg innehåller HotJar flera spårningsfunktioner i en enda plattform. Den har också fem olika heatmap-vyer, så att du kan nollställa olika beteenden, inklusive scrollning, klick, nedladdningar och delningar. Dessutom är det helt gratis för upp till 2 000 sidvisningar.

Med det sagt är HotJar inte lika robust som några av de andra analysverktygen i den här listan. Du måste också lägga till den nödvändiga spårningskoden i rubriken på varje sida du vill spåra, även om WordPress-pluginet kan ta hand om detta åt dig.

Clicktale

clicktale heatmap tool for wordpress

Clicktale är ett fristående verktyg som är utformat för att hjälpa till att fånga och tolka kundernas beteenden på din webbplats. Utvecklarnas erfarenhet av stora kunder – däribland T Mobile, Office Depot och Ancestry – talar för kvaliteten på deras produkt.

Förutom värmekartor har Clicktale flera andra avancerade funktioner, till exempel sessionsgenomgångar, som gör att du kan spela upp en användares handlingar. Detta kan vara särskilt användbart för testning och granskning.

Den här plattformen är dock kanske inte den bästa lösningen för mindre WordPress-webbplatser. Den är mer inriktad på analysspårning på företagsnivå, och du måste boka ett möte för att ta reda på hur mycket Clicktale kommer att kosta dig. Det finns inte heller något plugin för enkel integration.

Mouseflow

mouseflow heatmap wordpress plugin

Mouseflow är ett verktyg för värmekartor som kan registrera alla användaraktiviteter anonymt och visa viktiga trender i ett lättläst format. Dess värmekartfunktion kan visa dig var i världen dina användare befinner sig, förutom deras klick, musrörelser med mera.

Det finns också ett WordPress-plugin tillgängligt för Mouseflow, så att du enkelt kan integrera verktyget med din webbplats. Du kan testa det i 14 dagar innan du skickar in din betalningsinformation för att försäkra dig om att det passar rätt.

Vid jämförelse med andra verktyg är Mouseflow lite på den dyrare sidan. Planerna börjar på 29€ (cirka 31 dollar) per månad) för 2 500 sidvisningar. Om du vill att hela teamet ska kunna få tillgång till dina data behöver du dock Pro-planen för 399 euro. Budgetmässigt är den här plattformen förmodligen bäst för mindre webbplatser.

Lucky Orange

lucky orange heatmap wordpress plugin

Lucky Orange erbjuder så mycket mer än heatmaps. Det är en kraftfull konverteringshöjande verktygslåda som är utrustad med anonyma kundinspelningar och djupgående trattanalys. Det kan till och med ge försäljning chatt funktionalitet för att hjälpa dig att ansluta med leads.

Den LuckyOrange WordPress plugin kommer automatiskt att infoga dina spårningskoder för en enkel installationsprocess. Dess flexibla prissättning börjar på bara 10 dollar per månad, och det finns en rabatt om du går med på ett avtal på ett eller två år. Alla planer inkluderar obegränsade heatmaps.

Om du vill lagra data i mer än 30 dagar måste du dock köpa lagringstillägg. LuckyOranges varumärke kommer också att finnas med i dina chattfönster, om du inte köper ett tillägg för att ta bort det.

Användning av värmekartdata för att förbättra din webbplats

Första intrycket är ganska viktigt på nätet. Du har väldigt lite tid på dig att fånga en webbplatsbesökares uppmärksamhet och leda dem till din Call to Action (CTA). Heatmaps är ett utmärkt sätt att samla in data om huruvida din design fungerar eller inte.

När du granskar dina värmekartor finns det några saker som du särskilt ska titta på. Det första är vid vilken punkt användarna slutar scrolla. Detta kan peka ut områden där de blir uttråkade eller distraherade, vilket indikerar en brist i designen eller innehållet.

Det är också bra att notera var användarna klickar. Du kan analysera den här informationen för att avgöra om dina CTA:er behöver ses över eller om besökarna är förvirrade över vilka element som är klickbara. Slutligen vill du jämföra dina heatmaps för datorer och mobiler för att avgöra om din design fungerar på alla enheter.

Kombinera heatmaps med en metod för split-testning kan hjälpa dig att utvärdera olika designalternativ för att se vilket som är bäst för att uppnå målen för din webbplats. Många av de verktyg som vi har behandlat i det här inlägget innehåller A/B-testfunktionalitet av just den här anledningen.

Optimera din webbplats med WP Engine

Heatmaps och andra analysverktyg är ett smart sätt att optimera dina användares digitala upplevelse. På WP Engine strävar vi efter att tillhandahålla några av de bästa resurserna för bloggare och utvecklare, för att hjälpa dig att förbättra din webbplats design, prestanda med mera.

Med kraften i WP Engine WordPress-hosting och kunskapen från spårning av användarbeteende bakom dig är det lätt att hålla din webbplats i toppskick. Kolla in våra planer idag!