Det spelar ingen roll vilken typ av WordPress-webbplats du har, oavsett om det är en e-handelsbutik eller affiliate-marknadsföringsblogg, är det viktigt att du aldrig slutar A/B-testa! Data-informerade beslut är vad som kan hjälpa till att driva din webbplats eller företag framåt och ge dig ett försprång före konkurrensen. Men låt oss vara ärliga, A/B-testning är inte alltid lätt. Eller så kanske du bara har skjutit på det. Nåväl, idag kan vi förhoppningsvis ändra det!

Nedan dyker vi in ​​på hur man gör A/B-testning med Google Optimize i WordPress. Det spelar ingen roll vilken typ av webbplats du har, det här kommer att fungera över hela linjen. Och bäst av allt är det gratis.

Det är viktigt att du aldrig slutar A/B-testa! Google Optimize ger ett fantastiskt gratis sätt att komma igång. 📊Click to Tweet

Vad är A/B-testning?

A/B-testning, som ibland också kallas split-testning, är ett sätt att jämföra element på en sida (eller någon typ av data) mot varandra för att avgöra vilka som fungerar bättre vad gäller sidvisningar, tid på sida, omvandlingar, avvisningsfrekvens, etc. Ett par exempel är:

Det finns olika typer av A/B-test, såsom multivariat-testning, men den vanligaste metoden är att helt enkelt skicka 50 % av din trafik till sidan A och 50 % av din trafik till sidan B. Även känt som ett splittest.

A/B splittestning

A/B splittestning

Tanken är att börja med enkla tester, till exempel att ändra CTA-text eller knappfärg, hitta vinnaren och kopiera detta om och om igen med nya vinnare. När du gör det bör du börja se bättre resultat för vilket mål du än är efter.

Det är också mycket viktigt att avgöra om din webbplats har tillräckligt med trafik för att även starta A/B-test på grund av urvalsstorlekar och tid. Stephen Watts har en bra artikel som berör några av dessa punkter, bland annat varför du bör replikera dina marknadsföringstester.

Google Optimize

Det finns många olika verktyg att välja mellan när det gäller A/B-testning. Vi täcker många av dem i vårt inlägg om de bästa A/B-testverktygen.

Men om du har mycket trafik, kan flera av dem lätt kosta dig hundratals eller tusentals dollar i månaden. Bättre att spendera den budgeten på högkvalitativ hosting. 😉 Många A/B testverktyg har också många funktioner som du förmodligen aldrig kommer att använda.

Medan ett bra verktyg definitivt kan ge avkastning, kan det vara fördelaktigt att börja med något gratis för att börja lära dig hur A/B-test fungerar och se vilka mål som är uppnåeliga för ditt företag.

Google Optimize är enligt vår åsikt ett utmärkt verktyg att börja med, särskilt för att det är gratis. Medan det inte har ett WordPress-plugin eller direktintegration, är det fortfarande ganska enkelt att använda när du får kläm på det. En annan bonus är att dess anslutning till Google Analytics, ett verktyg som de flesta av er antagligen använder redan, är överlägset bättre några andra lösningar. Du kan koppla upp det till ett Google Analytics-mål med ett enda klick.

Google Optimize

Google Optimize

De har en premiumversion (Optimize 360), men du kan köra upp till 5 samtidiga experiment gratis. För många av er borde det vara mer än tillräckligt, eftersom du inte vill köra för många A/B-tester samtidigt, annars kan det förvrida dina data. Vi har använt den kostnadsfria versionen av Optimize hos Kinsta och det fungerar bra!

Om du är nyfiken är här en jämförelse nedan av den kostnadsfria versionen (Optimize) mot premiumversionen (Optimize 360).

Google Optimize vs Optimize 360

Google Optimize vs Optimize 360 (Bildkälla: Google)

Så här konfigurerar du Google Optimize i WordPress

Följ stegen nedan för att skapa ett gratis Google Optimize-konto och få det konfigurerat på din WordPress-webbplats.

Steg 1

Det första du gör är att gå över till Google Optimize och registrera dig för ett gratis konto genom att klicka på knappen ”Kom igång”.

Viktigt: Du bör använda din Gmail eller G Suite- epostadress som redan är kopplad till ditt Google Analytics-konto.

Kom igång med Google Optimize

Kom igång med Google Optimize

Följ sedan nästa steg med några valfria frågor om dataåtkomst och delning.

Steg 2

Därefter måste du länka din Google Analytics-egendom. På höger sida klickar du på ”Länka egendom.”

Google Optimize - Länka Google Analytics-egendom

Google Optimize – Länka Google Analytics-egendom

Steg 3

Sedan borde du se din Google Analytics-egendom. Om du har flera egendomar kopplade till din Gmail måste du välja den du vill använda med Google Optimize. Klicka sedan på ”Länka”.

Länka en egendom i Google Optimize

Länka en egendom i Google Optimize

Steg 4

Klicka sedan på ”Hämta Snippet.”

Google Optimize hämta snippet

Google Optimize hämta snippet

Steg 5

Nu är det dags att ändra din Google Analytics-kod med ditt Google Optimize container-ID. Det finns några viktiga saker att nämna här:

Implementera Optimize-kod

Implementera Optimize-kod

Om du har installerat ditt Google Analytics-spårningsskript manuellt, behöver du bara lägga till det, som i det exempel som de tillhandahåller. Men om du för närvarande använder ett WordPress-plugin för att lägga till Google Analytics på din webbplats kan du behöva ändra några saker.

Du bör först kontrollera om ditt Google Analytics WordPress-plugin redan stöder Google Optimize eller lägga till anpassad kod. Här är några WordPress-plugins som redan stödjer Google Optimize eller låter dig lägga till koden i deras plugin-inställningar:

Obs! Om du använder Google Tag Manager för att distribuera Google Analytics kan du fortfarande installera Optimizer, men det kan ha ytterligare latens och Google rekommenderar inte heller detta. På grund av hur skriptet fungerar när det gäller prestanda rekommenderar de att använda Optimize direkt på sidan (vilket är vad de flesta WordPress-plugins gör).

Nedan följer ett exempel med Google Analytics-panel för WP-pluginet. Under fliken Integration kan du ”aktivera Optimize-spårning och ange ditt Container-ID.

Aktivera Google Optimize i Analytics-plugin

Aktivera Google Optimize i Analytics-plugin

När du har koden på plats klickar du på ”Nästa” tillbaka i guiden Google Optimize.

Steg 6

När Google Optimize först lanserades hade det vissa prestationsproblem och de skapade ett sidgömnings-snippet för att minska sidans flimmer vid sidladdning. Om du lägger till sidgömnings-snippet måste du lägga till ytterligare kod direkt före Analytics-spårningskoden.

Vi har emellertid nyligen funnit att detta inte längre är nödvändigt. Om din webbplats redan är ganska snabb, borde du inte ha några problem. Vi använder inte längre sidgömnings-snippet och kör test hela tiden.

Men eftersom varje webbplats är annorlunda, om du stöter på problem, kan du behöva ytterligare ändra ditt Analytics-skript med sidgömnings-snippetkoden. Du kan också ändra async-hide-tiden, vilken som standard är inställd på 4000 ms. Några plugins, som det ovanstående, har också lätta växlar för att möjliggöra sidgömnings-stöd.

Minimera sidflimmer

Minimera sidflimmer

Klicka på ”Klar” och din WordPress-webbplats ska vara reda att köras.

Så här kör du ett A/B-test med Google Optimize

Nu för den roliga delen, skapa ditt allra första A/B-test i Google Optimize.

Steg 1

På Google Optimize-panelen klickar du på ”Sätt igång” för att skapa ett nytt A/B-test eller vad de kallar en upplevelse.

Skapa upplevelse A/B-test i Google Optimize

Skapa upplevelse A/B-test i Google Optimize

Steg 2

I det här följande exemplet kommer vi att göra ett enkelt A/B-test för CTA-knappsfärgen så att du enkelt kan se hur det fungerar. Kom ihåg att i princip alla HTML- eller CSS-element på din WordPress-webbplats kan ändras i Google Optimize.

Så vi väljer ett namn för vårt test och anger webbadressen där vi vill redigera koden för upplevelsen. I det här exemplet vill vi ändra knappfärgen på en CTA-knapp för att se vilken som driver mer trafik till vår kontaktsida. Vi väljer också A/B-test för typ av erfarenhet. Klicka sedan på ”Skapa”.

Google Optimize skapa A/B-test

Google Optimize skapa A/B-test

Som du kan se stöder Google Optimize också andra typer av experiment utöver A/B-test som du kanske vill utforska:

Steg 3

Som standard kommer Google Optimize att använda redigeringssidan du valde ovan för experimentet som den ursprungliga varianten. Du måste då skapa en andra variant. Klicka på ”Skapa Variant.”

Google Optimize skapa en variant

Google Optimize skapa en variant

Steg 4

Ge din variant ett namn, något som du lätt kan känna igen senare. Eftersom vi testar en annan knappfärg, kallar vi vår för Röd Knapp. Klicka sedan på ”Klar”.

Google Optimize namnvariant

Google Optimize namnvariant

Steg 5

Du måste sedan ändra din variant, eftersom det som standard skapas en kopia av ditt original. Klicka på ”0 ändringar” i rött.

Google Optimize ändra variant

Google Optimize ändra variant

Steg 6

Du kommer förmodligen att se en varning om att använda ett Google Chrome-tillägg. För bästa möjliga redigerings och förhandsgranskningsmöjligheter kan du installera det kostnadsfria Google Chrome Optimize-tillägget.

Du kommer då att se redigeraren för Google Optimize. Den är ganska kraftfull! Du kan bokstavligen ändra vad som helst på en sida.

Kämpar du med driftstopp och WordPress-problem? Kinsta är hosting-lösningen som är utformad för att spara tid! Kolla in våra funktioner
Google Optimize Redigerare

Google Optimize Redigerare

I vårt exempel testar vi resultaten av klick till vår kontaktsida med två olika färger på en knapp, blått och rött. Om du är nyfiken använder vi helt enkelt Shortcodes Ultimate plugin för knappen.

Så först vill vi ändra knappens färg. För att göra det kan du helt enkelt klicka på något element, i det här fallet, knappen och redigera CSS-egenskaperna för den. De har även en färgväljare. Du kan redigera CSS eller HTML direkt om du föredrar det.

Ändra knappfärg i Google Optimize

Ändra knappfärg i Google Optimize

Det andra vi ändrar är URL-adressen till knappen.

Ändra knapp-URL

Ändra knapp-URL

Varför gjorde vi det här? I Google Analytics kan du när som helst bläddra för att se hur många sidvisningar som registrerades baserat på vilken knapptyp. Du bör aldrig använda UTM-parametrar på din interna webbplats, men att lägga till något som vi gjorde ovan till webbadressen är okej. Detta ger dig helt enkelt extra data du kan bläddra igenom när som helst.

När du har gjort redigeringen kan du klicka på ”Spara ändringar” och ”Klar” längst upp till höger. Du kan sedan klicka på ”Förhandsgranska” för att se hur det ser ut.

Google Optimize webbförhandsgranskning

Google Optimize webbförhandsgranskning

Nedan är hur vårt test är upprättat. Kom ihåg att allt ändrades med hjälp av Google Optimize Editor, inte i WordPress.

A/B-originalvariant

I vår ursprungliga variant har vi en blå knapp som 50 % av trafiken kommer att gå till. Knapplänken pekar till vårt kontaktformulär: https://editwp.com/contact-us/?button-test-blue

A/B test originalvarianten

A/B-test originalvarianten

A/B Röd knapp-variant

I vår andra variant har vi en röd knapp som 50 % av trafiken kommer att gå till. Knapp länken pekar till vårt kontaktformulär: https://editwp.com/contact-us/?button-test-red

A/B-testvariant 1

A/B-testvariant 1

Steg 7

Nästa steg är att lägga till ett mål. Detta är målet eller vad du vill testa. Som standard är målet inställt på 50 % trafikdelning, så du kan lämna det som det är. Du kommer att vilja ge ditt mål en kort beskrivning så att du enkelt kan se varför du lagt till den senare. Kom ihåg att du kanske kör test i flera månader, så var noga med att lägga till något som du kan känna igen vid ett senare tillfälle. Klicka sedan på ”Lägg till experimentmål”.

Google Optimize experimentmål

Google Optimize experimentmål

Steg 8

Om du redan använder mål och händelser i Google Analytics eller spårning av e-handel ser du dem listade här. Det här är en av de riktigt coola sakerna med den direkta Google Analytics-integrationen med Optimize. De flesta av er har förmodligen redan konverteringsmål, kontaktformulärsmål etc. konfigurerat som du enkelt kan knyta till ditt experiment. Men för det här exemplet kommer vi att skapa ett anpassat mål.

Google Optimize anpassat mål

Google Optimize anpassat mål

Steg 9

Vi använder sidvisningar som mål-typ och väljer något som börjar med vår kontakta oss sida: /contact-us/button-test.

Anpassat mål i Google Optimize

Anpassat mål i Google Optimize

Om du har e-handelsspårning inrättad i Google Analytics kan du också lägga till ytterligare mål för saker som transaktioner och intäkter. Det är här det blir riktigt kraftfullt! Du kan till exempel se hur mycket intäkter en viss färgknapp genererar. Från klicket, hela vägen ner till försäljningen.

Google Optimize mål - e-handel

Google Optimize mål – e-handel

Steg 10

Och sist men inte minst, när du väl har sparat allt, kan du klicka på ”Starta Experiment”. Då startar du direkt delad testning av trafiken på den plats du angav i experimentet. Du kan också enkelt skapa experiment på platsen med inriktningsalternativen.

Google Optimize starta experiment

Google Optimize starta experiment

Du kan sedan luta dig tillbaka och låta Google Optimize göra sin grej. Vanligtvis tar det en vecka eller två. Det kommer automatiskt att analysera vinnaren åt dig. Du kan då se vilken variant som gav de bästa resultaten. Här är ett exempel på en rapport nedan.

Google Optimize-rapportering

Google Optimize-rapportering

Sammanfattning

När det gäller marknadsföring, är desto färre antaganden desto bättre. Du kommer alltid hitta vinnare som du ursprungligen trodde skulle fungera värst och vice versa.

För att vara ett gratisverktyg har Google Optimize en hel del funktionalitet! Du kan ändra knappar, widgets, nästan allt du kan tänka dig. Sedan kan du enkelt övervaka resultaten för att se vilket som fungerar bättre. Spåra sidvisningar, transaktionsdata och till och med intäkter som genereras av en enda färgändring. Ju mer du leker med det desto mer inser du varför du aldrig ska sluta A/B-testa. Hitta vinnaren, testa sedan igen.

Har du testat Google Optimize på din WordPress-webbplats än? Om så är fallet vill vi gärna höra dina tankar nedan i kommentarerna.


Om du tyckte om den här artikeln, då kommer du att älska Kinsta´s hosting-plattform. Effektivisera din hemsida och få support dygnet runt från vårt rutinerade team på WordPress. Vår Google Cloud-drivna infrastruktur fokuserar på auto-skalning, prestanda och säkerhet. Lås oss visa dig skillnaden med Kinsta! Kolla in våra paket