Hoe je met Google Optimize gratis een A/B-test in WordPress kunt doen

Het maakt niet zoveel uit welk type WordPress-site je hebt – of het nou een e-commercewebsite is of een affiliate-blog. Waar het wel om gaat is dat je nooit ophoudt met A/B-testen! Op data gebaseerde beslissingen kunnen je website of bedrijf de wind in de zeilen bezorgen. Maar laten we eerlijk zijn, A/B-testen is niet altijd even gemakkelijk en de kans is aanwezig dat je het ten minste een keer hebt uitgesteld.

Tijd om er vandaag mee aan de slag te gaan. En het mooiste? Het is helemaal gratis.

• Wat is A/B-testen eigenlijk?
• Google Optimize
• Hoe je Google Optimize in WordPress kunt opzetten
• Hoe je met Google Optimize gratis een A/B-Test in WordPress uitvoert

Wat is A/B-testen eigenlijk?

A/B-testen, soms ook wel splittesten genoemd, is een manier om elementen op een pagina (of wat voor gegevenstype ook) tegen elkaar af te wegen om vast te stellen welke het beste scoort als het gaat om aantallen bezoekers, bezoekduur, aantallen conversies, bouncepercentage enzovoort. Enkele voorbeelden:

• Testen van verschillende koppen.
• Uitproberen van nieuwe landingspaginacontent of paginaopbouw.
• Experimenteren met verschillende kleuren CTA-knoppen.
• Tonen van iets geheel anders, zoals een CTA in een widget tegenover een contactformulier. Je kunt via Google Analytics transacties tot het einde toe volgen om te zien welke van beide tot meer omzet leidt.

Er zijn verschillende A/B-testvormen, zoals multivariate tests, maar de meest gangbare methode is simpelweg 50% van het verkeer doorsturen naar pagina A en 50% naar pagina B. Dit wordt ook wel splittesten genoemd.

De bedoeling is van start te gaan met eenvoudige tests, zoals het wijzigen van de CTA-tekst of de kleur van een button, het vaststellen van de winnaar en het almaar herhalen van dit proces. Zodoende zou je op den duur steeds betere resultaten moeten krijgen op het gebied van… nou ja, wat ook maar de bedoeling is.

Het is natuurlijk wel belangrijk om te kijken of je website voldoende verkeer genereert vóór je überhaupt met A/B-testen begint, met het oog op samplegrootte en tijd. Stephen Watts heeft hierover een geweldig artikel geschreven dat enkele van deze aspecten behandelt, inclusief waarom je je marketingtests moet blijven herhalen.

Google Optimize

Als het gaat om A/B-testen is er een keur aan hulpmiddelen waaruit je kunt kiezen. We bespreken er vele in onze post over A/B-testtools.

Maar als je met heel veel verkeer te maken hebt, kunnen sommige ervan je honderden of zelfs duizenden euro´s per maand kosten. Dat geld kun je beter uitgeven aan hoogwaardige hosting. Veel A/B-testtools hebben bovendien een heleboel functies die je nooit gaat gebruiken.

Hoewel een geweldige tool zijn geld dubbel en dwars waard kan zijn als het om omzet gaat, kan het voordelig zijn van start te gaan met iets wat niets kost, gewoon om het A/B-testproces in de vingers te krijgen en om te zien wat haalbaar is voor jouw bedrijf.

Google Optimize is naar onze mening een uitmuntend hulpmiddel om mee van start te gaan, vooral omdat het gratis is. Hoewel het geen WordPress-plugin heeft of directe integratie, is het toch heel gemakkelijk te gebruiken als je het eenmaal onder de knie hebt. Een ander voordeel is dat de connectie ervan met Google Analytics, een tool die de meesten van jullie naar alle waarschijnlijkheid al gebruiken, zelfs superieur is aan andere oplossingen. Je kunt het met een simpele click van de muis aan een Google Analytics-doelstelling ophangen.

Ze hebben een premiumversie,(Optimize 360), maar je kunt met de gewone Optimize-versie tot vijf experimenten tegelijkertijd runnen, helemaal gratis en voor niets. Dat is voor velen van jullie meer dan genoeg, omdat het af te raden is veel A/B-tests tegelijk te laten lopen – dit kan de integriteit van je gegevens in gevaar brengen. Hier bij Kinsta hebben we de gratis versie van Optimize gebruikt en we waren er zeer tevreden over!

Ben je nieuwsgierig geworden? Hieronder vind je een vergelijking tussen de gratis versie (Optimize) en de premium versie (Optimize 360).

Hoe je Google Optimize in WordPress kunt opzetten

Volg de stappen hieronder voor een gratis Google Optimize-account en stel het in op je WordPress-site.

Stap 1

Allereerst moet je naar Google Optimize surfen en een gratis account aanvragen door te klikken op de “Get Started”-knop.

Let op: Het is aan te raden je Gmail- of Google Workspace-emailadres te gebruiken dat al gelinkt is aan je Google Analytics-account.

Volg dan de volgende stappen, met enkele vragen over mutatierechten en het delen van gegevens.

Stap 2

Vervolgens zul je je Google Analytics-properties moeten koppelen. Klik aan de rechterkant van het scherm op “Link Property.”

Stap 3

Als het goed is, krijg je vervolgens je Google Analytics-property in beeld. Als er meer dan één property aan je Gmail vastzit, dan zul je moeten kiezen welke je wilt gebruiken voor Google Optimize. Click vervolgens op “Link.”

Stap 4

Click dan op “Get Snippet.”

Step 5

Nu is het tijd om je Google Analytics-code te wijzigen met je Google Optimize-container-ID. Punten van aandacht zijn:

• Indien Google Analytics momenteel is geïnstalleerd op je site, dan staat dat vermeld in de header van je site, vóór de </head>-tag. Normaalgesproken is er niks op tegen om het in de voettekst te plaatsen, maar in dit geval krijg je te maken met witte flitsen op je scherm bij het laden van de pagina als je het script niet in de header stopt. Dat komt omdat het script meteen tegenspurt zodra de DOM geladen wordt. Mocht je gebruikmaken van een WordPress-plugin, dan bieden de meeste je de keuze het script in óf header óf voettekst te plaatsen.
• Het Optimize-codefragment ziet er ongeveer zo uit: ga('require', 'GTM-XXXXXXX'); en het bevat je Optimize-container-ID. Alles wat er van je verlangd wordt, is dat je je huidige Google Analytics-script aanpast om het mee te kunnen nemen. Je hoeft niet het volledige script opnieuw toe te voegen.

Indien je je Analytics-trackingscript handmatig hebt geïnstalleerd, dan hoef je deze alleen maar toe te voegen, zoals in het voorbeeld dat ze geven. Maar, als je een WordPress-plugin gebruikt om Google Analytics aan je site te koppelen, dan moet je nog een paar dingetjes veranderen.

Je moet eerst even kijken of je Google Analytics-WordPress-plugin Google Optimize misschien al ondersteunt of toestaat aangepaste code toe te voegen. Hieronder volgt een selectie van enkele WordPress-plugins die Google Optimize ondersteunen of je in staat stellen de code toe te voegen in hun plugin-instellingen:

• Google Analytics Dashboard voor WP: Onder Integration in de plugin-settings zie je een optie staan om je Optimize-container-ID toe te voegen.
• GA Google Analytics: Biedt een mogelijkheid in de plugin-instellingen om de Optimize-code toe te voegen.

Opmerking: Als je Google Tag Manager gebruikt om Google Analytics in te zetten, dan kun je nog steeds Optimizer installeren, maar dat kan extra latentie met zich meebrengen – zelfs Google beveelt dit niet aan. Omwille van de performance van het script bevelen zij aan om Optimize direct op de pagina uit te vouwen (hetgeen is wat de meeste WordPress-plugins al doen).

Hieronder staat een voorbeeld hoe je het Google Analytics-dashboard gebruikt voor de WP-plugin. Onder de TAB-toets Integration, kun je “enable Optimize tracking” en je Container-ID ingeven.

Als je de code hebt ingegeven, klik je op “Next” om terug te keren naar de Google Optimize-wizard.

Stap 6

Toen Google Optimize net uit was, had het een paar kinderziektes en maakten ze een “paginaverbergend” codefragment om het geflikker bij het laden van de pagina te reduceren. Het toevoegen van dat codefragment vereist aanvullende code, vooraf aan je Analytics-tracking-code.

We hebben recentelijk vernomen dit dits niet meer in alle gevallen nodig is. Als jouw site al redelijk snel is, zul je geen problemen hebben. Wij gebruiken het betreffende codefragment al niet meer en we runnen aan de lopende band tests.

Echter, aangezien elke site anders, moet jij misschien, als je tegen problemen aanloopt, wel je Analytics-script aanvullen met het paginaverbergende codefragment. De async-hide-tijd kun je in ieder geval aanpassen. Die is standaard afgesteld op 4000ms. Sommige plugins, zoals bovengenoemde, hebben bovendien eenvoudige schakelaars voor paginaverbergende ondersteuning.

Click op “Done” en je bent klaar.

Hoe je met Google Optimize een A/B-Test in WordPress uitvoert

Nu wordt het leuk. Want we gaan je allereerste A/B-test uitvoeren in Google Optimize.

Stap 1

Kies op het Google Optimize-dashboard “Let’s Go” aan om een nieuwe A/B-test aan te maken, of – zoals zij het noemen – een experiment.

Stap 2

In het volgende voorbeeld gaan we een eenvoudige A/B-test doen door simpelweg de kleur te wijzigen van een CTA-button, zodat je even een idee krijgt hoe het in zijn werk gaat. Houd in gedachten dat echt elk willekeurig HTML- of CSS-element op je WordPress-site gewijzigd kan worden in Google Optimize.

Goed, we beginnen met het kiezen van een naam voor onze test. En we geven de URL in waarin we de code gaan veranderen om ervaring op te doen. In dit voorbeeld gaan we de kleur veranderen van een CTA-button om eens te kijken welke kleur meer verkeer genereert voor onze pagina. We kiezen ook A/B-test aan onder “type of experience”. Click daarna op “Create.”

Zoals je ziet, ondersteunt Google Optimize ook andere “types of experience” (naast A/B-tests) om uit te proberen:

• Multivariate test: Testen van variaties in twee of meer verschillende secties.
• Redirect test: Test afzonderlijke webpagina´s met verschillende URL´s of paden.
• Personalization: Snijd je pagina toe op doelgroepen.

Stap 3

Google Optimize gebruikt per definitie de bewerkingspagina die je hierboven aangekozen hebt bij wijze van oorspronkelijke variant. Met andere woorden, je moet een tweede variant aanmaken. Click op “Create Variant.”

Stap 4

Geef de variant een naam, eentje die je later makkelijk kunt herkennen. Omdat we een andere buttonkleur testen, noemen we deze Red Button. Click dan op “Done.”

Stap 5

Daarna moet je je variant wijzigen, omdat er standaard domweg een kopie van de originele gemaakt wordt. Click op de in het rood geschreven “0 changes”.

Stap 6

Je ziet naar alle waarschijnlijkheid een waarschuwing omtrent het gebruik van een Google Chrome-extensie. Voor de beste bewerkings- en voorbeeldmogelijkheden kun je het beste de gratis Google Chrome Optimize-extensie nemen.

Je krijgt dan de Google Optimize-bewerker te zien. Deze plugin is enorm uitgebreid! Je kunt er op een pagina letterlijk alles mee veranderen.

In ons voorbeeld zijn we de aantallen clicks naar onze “Contact Us”-pagina aan het testen met twee verschillende buttonkleuren – rood en blauw. Als je het per se wilt weten, we gebruiken gewoon de Shortcodes Ultimate-plugin voor de button.

Dus eerst gaan we de buttonkleur veranderen. Om dat voor elkaar te krijgen, kunnen we eenvoudig op elk willekeurig element klikken, in ons geval de button, en de CSS-eigenschappen ervan wijzigen. Ze hebben zelfs een staalkaart met kleuren waaruit je kunt kiezen. Je kunt de CSS of HTML ook rechtstreeks wijzigen, mocht je daar de voorkeur aan geven.

Wat we ook wijzigen is de button-URL.

• Oorspronkelijke button is verbonden met https://editwp.com/contact-us/?button-test-blue.
• Variatie wijst naar https://editwp.com/contact-us/?button-test-red.

Waarom deden we dat? In Google Analytics kun je dan namelijk op elk gewenst moment zien hoeveel paginaviews er geregistreerd zijn gebaseerd op buttontype. Gelieve nooit UTM-parameters te gebruiken op je interne site; maar wat we hierboven lieten zien met de URL, dat is oké. Het geeft je simpelweg extra gegevens die je op elk gewenst moment kunt doornemen.

Ben je klaar met bewerken, click dan op “Save Changes” en op “Done” rechtsboven. Vervolgens click je op “Web Preview” om te kijken hoe het eruitziet.

Hieronder zie je hoe onze test is opgezet. Onthoud dat alles is gewijzigd met gebruikmaking van Google Optimize-bewerker, niet in WordPress.

A/B: Originele Variant

In onze oorspronkelijke variant hebben we een blauwe button die 50% van het verkeer krijgt. De buttonlink verwijst naar ons contactformulier: https://editwp.com/contact-us/?button-test-blue.

A/B Red Button Variant

In onze andere variant hebben we een rode button die 50% van het verkeer naar zich toe trekt. De buttonlink verwijst naar ons contactformulier https://editwp.com/contact-us/?button-test-red.

Stap 7

De volgende stap is: een doelstelling toekennen. Dat is het streefgetal of datgene wat je wilt testen. Standaard wordt er gestreefd naar een gelijke verdeling (50/50) van het verkeer; dus dat kun je zo laten. Het is handig om je doelstelling een korte beschrijving mee te geven, zodat je later snel kunt zien waarom je haar ook alweer had toegevoegd. Vergeet niet dat je soms maandenlang tests aan het doen bent; zorg er daarom voor dat je een beschrijving geeft die je later gemakkelijk herkent. Click daarna op “Add Experiment Objective.”

Stap 8

Als je al gebruikmaakt van doelstellingen en evenementen in Google Analytics, of eCommercetracking, dan vind je ze op de lijst. Dat is wel één van de leukste dingen van de rechtstreekse Google Analytics-integratie in Optimize. Velen van jullie zullen al wel conversietargets, contactformulierdoelstellingen enzovoorts hebben geconfigureerd; die kun je eenvoudig toevoegen aan je experiment. Maar ten behoeve van dit voorbeeld gaan we een aangepaste maken.

Stap 9

We gebruiken paginaviews als type doelstelling en kiezen een willekeurig element dat begint met onze “contact us”-pagina: /contact-us/button-test.

Als je eCommercetracking hebt opgezet in Google Analytics, kun je bovendien aanvullende doelstellingen toevoegen voor bijvoorbeeld transacties en inkomsten. Nu wordt het pas echt interessant! Je kunt nu bijvoorbeeld zien hoeveel inkomsten een bepaalde kleur gegenereerd heeft – vanaf de eerste click tot en met de uiteindelijk verkoop.

Stap 10

En het mooiste voor het laatst… Als eenmaal alles opgeslagen is, klik je op “Start Experiment.” Het experiment gaat dan onmiddellijk van start met splittesten van het verkeer op de door jou aangegeven locatie. Men kan met de doelitems ook heel eenvoudig site-brede experimenten opzetten.

Vervolgens kun je lekker onderuitzakken en Google Optimize het werk laten doen. Toch? Niet je adem inhouden, want het duurt normaalgesproken een week of twee. Er wordt tegelijk automatisch een analyse voor je gemaakt van de winnaar. Maar dan kun je ook zien welke variant de beste resultaten heeft opgeleverd. Hier volgt een voorbeeld van zo´n rapportage.

Samenvatting

Als het op marketing aankomt, is het devies: hoe minder aannames hoe beter. Je gaat namelijk zien dat je winnaars tegenkomt waar je ze het minst verwachtte – en vice versa.

Voor een gratis tool heeft Google Optimize verrassend veel functionaliteit! Je kunt buttons veranderen, widgets: eigenlijk alles wat je maar zou kunnen bedenken. Daarna kun je eenvoudig bekijken welke resultaten eruit springen; volg paginaviews, transactiegegevens en zelfs omzet gegenereerd door een enkele knopkleurwijziging. Hoe meer je ermee speelt, des te dieper raak je ervan doordrongen dat je nooit moet ophouden met A/B-testen.

Stel de winnaar vast en… ga verder met testen. Heb je Google Optimize al uitgeprobeerd op je WordPress-site? Zo ja, dan zouden we het op prijs stellen als je je bevindingen in een reactie hieronder met ons zou willen delen.