Sådan man A/B tester gratis med Google Optimizer i WordPress

Det er ligegyldigt, hvilken type WordPress-websted du har, uanset om det er en e-handelsbutik eller affiliate marketing blog, så det er vigtigt, at du aldrig stopper med A/B-test! Data-drevne beslutninger er hvad der kan hjælpe med at drive din hjemmeside eller forretning frem og få dig foran konkurrencen. Men lad os være ærlige, A/B-test er ikke altid let. Eller måske har du ikke taget dig af det. Nå, i dag kan vi forhåbentlig ændre det!

Nedenfor vil vi dykke ind i, hvordan man laver A/B-test med Google Optimize i WordPress. Det er ligegyldigt, hvilken type websted du har, dette vil fungere over hele linjen. Og bedst af alt, det er gratis.

• Hvad er A/B-test?
• Google Optimize
• Sådan opsætter du Google Optimize i WordPress
• Sådan kører du en A/B-test med Google Optimize

Hvad er A/B-test?

A/B-test, som i nogle tilfælde også kaldes delt test, er en måde at sammenligne elementer på en side (eller enhver form for data) mod hinanden, for at bestemme, hvilken udfører bedre i form af sidevisninger, tid på side, konverteringer, bounce rate osv. Et par eksempler er:

• Afprøvning af forskellige overskrifter.
• AT forsøge nyt landingssideindhold eller sidelayout.
• Eksperimenterer med forskellige CTA-knapper.
• Viser noget helt andet, såsom en CTA i en widget vs. en kontaktformular. Du kan spore i Google Analytics-salget ned i trakten for at se, hvilket fører til mersalg.

Der er forskellige former for A/B-test, såsom multivariativ test, men den mest almindelige metode er simpelthen at sende 50% af din trafik til side A og 50% af din trafik til side B. Også kendt som en deltest.

Tanken er at starte med enkle test, såsom at ændre CTA-teksten eller knappens farve, finde vinderen, og replikere dette igen og igen med nye vindere. Som du gør dette, vil du begynde at se bedre resultater for det mål, du går efter.

Det er også meget vigtigt at afgøre, om dit websted har tilstrækkelig trafik til selv at starte A/B-test på grund af stikstørrelser og tid. Stephen Watts har en god artikel, der berører nogle af disse finere punkter, herunder hvorfor du bør replikere dine marketing tests.

Google Optimize

Der er mange forskellige værktøjer at vælge imellem, når det kommer til A/B-test. Vi dækker mange af dem i vores indlæg på de bedste A/B testværktøjer.

Men hvis du har meget trafik, kan mange af dem nemt køre dig hundredvis eller endda tusindvis af dollars om måneden. Bedre at bruge det budget på høj kvalitets hosting. 😉 Mange A/B testværktøjer har også mange funktioner, du sandsynligvis aldrig vil bruge.

Selv om et godt værktøj helt sikkert kan betale sig med hensyn til afkast, kan det være fordelagtigt at starte med begynde at lære noget gratis, hvordan A/B-test fungerer, og se hvilke mål der er opnåelige for din virksomhed.

Google Optimize efter vores mening er et glimrende værktøj til at starte med, især fordi det er gratis. Selvom det ikke har et WordPress-plugin eller direkte integration, er det stadig ret nemt at bruge, når du får fat i det. En anden fordel er, at det er sammenhængende med Google Analytics, et værktøj, som de fleste af jer sandsynligvis allerede bruger, endda langt overlegent end nogle af andre løsninger. Du kan koble det op til et Google Analytics-mål med et enkelt klik.

De har en premium version (Optimize 360), men du kan bruge op til 5 samtidige eksperimenter gratis. For mange af jer bør dette være mere end nok, da du ikke ønsker at køre for mange A/B-test på samme tid, ellers kan det svække kvaliteten af dine data. Vi har brugt den gratis version af Optimize hos Kinsta, og det fungerer godt!

Hvis du er nysgerrig, så er her er en sammenligning under den gratis version (Optimize) vs premiumversionen (Optimize 360).

Sådan opsætter du Google Optimize i WordPress

Følg trinene herunder for at oprette en gratis Google Optimize-konto og få den konfigureret på dit WordPress-websted.

Trin 1

Den første ting du skal gøre ,er at gå over til Google Optimize og tilmelde dig en gratis konto ved at klikke på knappen “Kom i gang”.

Vigtigt: Du vil gerne bruge din Gmail- eller Google Workspace e-mail-adresse, der allerede er knyttet til din Google Analytics-konto.

Følg derefter de næste trin med nogle valgfrie spørgsmål om datatilladelser og deling.

Trin 2

Dernæst skal du linke din Google Analytics-ejendom. På højre side klik på “Link Ejendom.”

Trin 3

Du vil så se din Google Analytics-ejendom. Hvis du har flere egenskaber knyttet til din Gmail, skal du vælge den, du vil bruge med Google Optimize. Klik derefter på “Link”.

Trin 4

Klik derefter på “Få snippet.”

Trin 5

Nu er det tid til at ændre din Google Analytics-kode med dit Google Optimize-container-id. Der er et par vigtige ting at nævne her:

• Hvis du i øjeblikket har Google Analytics installeret på dit websted, skal det være i overskriften på dit websted, før </ head> -taggen. Normalt placeres det i sidefoden, men i dette tilfælde vil du løbe ind i en mærkbar hvid flash på side-indlæsningen, hvis du ikke kører scriptet i overskriften. Dette skyldes, at scriptet skal slukke med det samme som DOM laster. Hvis du bruger et WordPress-plugin, har de fleste mulighed for at vælge overskrift eller sidefodplacering for scriptet.
• Optimer uddrag vil se sådan ud: ga('require', 'GTM-XXXXXXX'); som indeholder dit optimeringsbeholder-id. Alt du skal gøre er at ændre dit nuværende Google Analytics-script for at inkludere dette, og ikke tilføje hele scriptet igen.

Hvis du har installeret dit Google Analytics tracking script manuelt, så skal bare du skal tilføje det som i det eksempel, de giver. Men hvis du i øjeblikket bruger et Google Analytics WordPress-plugin, skal du muligvis ændre et par ting.

Du bør først kontrollere, om dit Google Analytics WordPress-plugin allerede understøtter Google Optimize eller tilføjer brugerdefineret kode. Her er et par WordPress-plugins, som allerede understøtter Google Optimize eller giver dig mulighed for at tilføje koden i deres plugin-indstillinger:

• Google Analytics Dashboard til WP: Under integration i plugin-indstillingerne har det en mulighed for at tilføje dit Optimize container ID.
• GA Google Analytics: Har en mulighed i indstillingerne for pluginet for at tilføje Optimize kode.

Bemærk: Hvis du bruger Google Tag Manager til at distribuere Google Analytics, kan du stadig installere Optimizer, men det kan have ekstra latens, og selv Google anbefaler ikke dette. På grund af hvordan scriptet virker med hensyn til ydeevne, anbefaler de at implementere Optimize direkte på siden (hvilket er hvad de fleste WordPress-plugins gør).

Nedenfor er et eksempel ved hjælp af Google Analytics Dashboard til WP plugin. Under fanen Integration kan du “aktivere optimering af sporing” og indtaste dit Container-id.

Når du har koden på plads, skal du klikke på “Næste” tilbage i Google Optimize wizard.

Trin 6

Da Google Optimize først blev lanceret, havde det nogle præstationsproblemer, og de oprettede et side-skjule-stykket for at reducere sidens flimmer på sidebelastning. Tilføjelse af side-skjule-stykket kræver, at du tilføjer yderligere kode lige før din Analytics-sporingskode.

Vi har imidlertid for nylig fundet, at dette ikke længere er nødvendigt. Hvis dit websted allerede er ret hurtigt, bør du ikke have nogen problemer. Vi bruger ikke længere side-skjule-stykket og kører test hele tiden.

Men da hvert websted er anderledes, kan du muligvis yderligere ændre dit Analytics-script med side-skjule-kodestykket. Du kan også ændre async-hide tid, som som standard er indstillet til 4000 ms. Nogle plugins, som den ovenstående, har også let at skifte til at aktivere side-gemmer support.

Klik på “Udført” og dit WordPress-websted skal være klar til at køre.

Sådan kører du en A/B-test med Google Optimize

Nu til den sjove del, at skabe din allerførste A/B-test i Google Optimize.

Trin 1

På Google Optimize dashboard klik på “Lad os gå” for at oprette en ny A/B-test, eller hvad de kalder et eksperiment.

Trin 2

I dette følgende eksempel skal vi lave en simpel CTA-tast farveændring A/B-test, så du let kan se, hvordan det virker. Husk, at stort set ethvert HTML- eller CSS-element på dit WordPress-websted kan ændres i Google Optimize.

Så vi vælger et navn til vores test, og indtaster URL’en, hvor vi ønsker at redigere koden for oplevelsen. I dette eksempel ønsker vi at ændre knappens farve på en CTA-knap for at se, hvilken der kører mere trafik til vores kontakt os side. Vi vælger også A/B-test for den type erfaring. Klik derefter på “Opret.”

Som du kan se, understøtter Google Optimize også andre typer eksperimenter ud over A/B-test, som du måske vil udforske:

• Multivariativ test: Testvarianter med to eller flere forskellige sektioner.
• Omdirigeringstest: Tester separate websider identificeret af forskellige webadresser eller stier.
• Tilpasning: Tilpas din side til målrettede besøgende.

Trin 3

Som standard vil Google Optimize bruge den redigeringsside, du valgte ovenfor, til eksperimentet som den oprindelige variant. Du skal derefter oprette en anden variant. Klik på “Opret Variant.”

Trin 4

Giv din variant et navn, noget du nemt kan genkende senere. Da vi tester en anden knapfarve, hedder kalder vi vores røde knap. Klik derefter på “Udført”.

Trin 5

Du skal derefter ændre din variant, da det som standard skaber en kopi af din originale. Klik på “0 ændringer” i rødt.

Trin 6

Du vil sikkert se en advarsel om at bruge en Google Chrome-udvidelse. For de bedste redigerings- og preview-muligheder skal du installere den gratis Google Chrome Optimize-udvidelse.

Du vil så se Google Optimize editoren. Det er ret magtfuldt! Du kan bogstaveligt ændre hvadsomhelst på en side.

I vores eksempel tester vi resultaterne af klik til vores kontakt os side med to forskellige farver på en knap, blå og rød. Hvis du er nysgerrig, bruger vi simpelthen Shortcodes Ultimate plugin til knappen.

Så først ønsker vi at ændre farven på knappen. For at gøre det kan du blot klikke på et hvilket som helst element, i dette tilfælde knappen og redigere CSS egenskaberne for den. De har endda en farvevælger. Du kan redigere CSS eller HTML direkte, hvis du foretrækker det.

Den anden ting vi ændrer, er webadressen på knappen.

• Oprindelig knap er knyttet til https://editwp.com/contact-us/?button-test-blue.
• Variationsknap peger på https://editwp.com/contact-us/?button-test-red.

Hvorfor har vi gjort dette? I Google Analytics kan du når som helst gennemse for at se, hvor mange sidevisninger der blev registreret, baseret på hvilken knapstype. Du bør aldrig bruge UTM-parametre på dit interne websted, men at tilføje noget som vi gjorde ovenfor til webadressen er fint. Dette giver dig blot ekstra data, du kan gennemse til enhver tid.

Når du er færdig med at redigere, kan du klikke på “Gem ændringer” og “Udført” øverst til højre. Du kan derefter klikke på “Web Preview” for at se, hvordan det ser ud.

Nedenfor ses hvordan vores test er oprettet. Husk, at alt blev ændret ved hjælp af Google Optimize editor, ikke i WordPress.

A/B-originalvariant

I vores originale variant har vi en blå knap, som 50% af trafikken vil gå til. Knappens link peger på vores kontaktformular: https://editwp.com/contact-us/?button-test-blue.

A/B rød knap variant

I vores anden variant har vi en rød knap, som 50% af trafikken vil gå til. Knappens link peger på vores kontaktformular: https://editwp.com/contact-us/?button-test-red.

Trin 7

Det næste skridt er at tilføje et mål. Dette er målet eller hvad du vil teste. Som standard er målretningen sat til 50% trafikdeling, så du kan forlade det som det er. Du vil gerne give dit mål en kort beskrivelse, så du nemt kan se hvorfor du tilføjede den senere. Husk nogle gange, at du måske kører tests i flere måneder, så sørg for at tilføje noget, du kan genkende på et senere tidspunkt. Klik derefter på “Tilføj eksperimentmål”.

Trin 8

Hvis du allerede bruger mål og begivenheder i Google Analytics eller sporing af e-handel, vil du se dem, der er angivet her. Dette er en af de virkelig seje ting, omkring den direkte integration med Google Analytics med Optimize. De fleste af jer har sandsynligvis allerede konverteringsmål, kontaktformularmål osv. konfigureret, som du nemt kan binde til dit eksperiment. Men for dette eksempel skal vi oprette en brugerdefineret.

Trin 9

Vi bruger sidevisninger som objektivtype og vælger alt, der starter med vores kontakt os side: /contact-us/button-test.

Hvis du har oprettet e-handelssporing i Google Analytics, kan du også tilføje yderligere mål for ting som transaktioner og indtægter. Det er her, det bliver rigtig magtfuldt! For eksempel kan du se, hvor meget indtjening en bestemt farveknap genererede. Fra kliket helt ned til salget.

Trin 10

Og sidst men ikke mindst, når du først har gemt alt, kan du klikke på “Start eksperiment”. Det begynder med det samme at teste trafikken på det sted, du angav i eksperimentet. Du kan også nemt oprette eksperimenter i hele verden med målretningsindstillingerne.

Du kan derefter læne dig tilbage og lade Google Optimize gøre sine ting. Det tager typisk en uge eller to. Det vil automatisk analysere vinderen for dig. Du kan derefter se, hvilken variant der producerede de bedste resultater. Her er et eksempel på en rapport nedenfor.

Resumé

Når det kommer til markedsføring, jo færre forudsætninger jo bedre. Du er bundet til at finde vindere, som du oprindeligt troede ville udføre det værste og omvendt.

For et gratis værktøj har Google Optimize en masse funktionalitet! Du kan ændre knapper, widgets, stort set alt hvad du kan tænke på. Det er så let overvåge resultaterne for at se, hvilken udfører bedre. Spor sidevisninger, transaktionsdata og endda indtægter, der genereres af en enkelt farveændring. Jo mere du leger med det, jo mere er du klar over, hvorfor du aldrig bør stoppe A/B tests. Find vinderen, og test derefter igen.

Har du prøvet Google Optimize på dit WordPress-websted endnu? I så fald vil vi gerne høre dine tanker nedenfor i kommentarerne.