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.
- Vad är A/B-test?
- Google Optimize
- Så här konfigurerar du Google Optimize i WordPress
- Så här kör du ett A/B-test med Google Optimize
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:
- Testa olika rubriker.
- Testa en ny landningssidas innehåll eller sidlayouter.
- Experimentera med olika CTA-knappar i färg.
- Visa något helt annat, till exempel en CTA i en widget vs ett kontaktformulär. Du kan spåra försäljningar i Google Analytics längre ner i tratten för att se vilka som leder till mer försäljning.
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.
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.
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).
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 Google Workspace– epostadress som redan är kopplad till ditt Google Analytics-konto.
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.”
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”.
Steg 4
Klicka sedan på ”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:
- Om du för närvarande har Google Analytics installerad på din webbplats måste den vara i sidhuvudet på din webbplats, före
</head>taggen. Normalt placerar du den i sidfoten, men i det här fallet kommer du att se en märkbar vit blixt vid sidladdning om du inte kör skriptet i rubriken. Detta beror på att manuset måste startas direkt när DOM laddas. Om du använder ett WordPress-plugin har de flesta möjlighet att välja sidhuvud eller sidfot för skriptet. - Optimize-snippet kommer att se ut så här:
ga('require', 'GTM-XXXXXXX');vilket innehåller ditt optimize container-ID. Allt du behöver göra är att ändra ditt aktuella Google Analytics-skript för att inkludera detta, lägg inte till hela skriptet igen.
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:
- Google Analytics-panel för WP: Under integration i plugin-inställningarna har det ett alternativ att lägga till ditt Optimize container-ID.
- GA Google Analytics: Har ett alternativ i inställningarna för plugin-programmet för att lägga till Optimize-koden.
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.
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.
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.
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”.
Som du kan se stöder Google Optimize också andra typer av experiment utöver A/B-test som du kanske vill utforska:
- Multivariat-test: Testa varianter med två eller flera olika sektioner.
- Omdirigeringstest: Testar separata webbsidor identifierade av olika webbadresser eller sökvägar.
- Anpassning: Anpassa din sida för riktade besökare.
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.”
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”.
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.
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.
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.
Det andra vi ändrar är URL-adressen till knappen.
- Originalknappen är länkad till
https://editwp.com/contact-us/?button-test-blue. - Variationsknappen pekar på
https://editwp.com/contact-us/?button-test-red.
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.
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 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
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”.
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.
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.
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.
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.
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.
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.
Brian Jackson
Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.
Lämna ett svar