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.

Het is van vitaal belang dat je nooit ophoudt met A/B-testen! Google Optimize biedt een unieke gelegenheid ermee te beginnen. 📊Click to Tweet

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:

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.

A/B- of split-testen

A/B- of split-testen

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-plug-in 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.

Google Optimize

Google Optimize

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).

Google Optimize versus Optimize 360

Google Optimize versus Optimize 360 (bron: Google)

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 G Suite-emailadres te gebruiken dat al gelinkt is aan je Google Analytics-account.

Van start met Google Optimize

Van start met Google Optimize

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.”

Google Optimize – Link Google Analytics Property

Google Optimize – Link Google Analytics 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.”

Properties koppelen in Google Optimize

Properties koppelen in Google Optimize

Stap 4

Click dan op “Get Snippet.”

Google Optimize code-fragment

Google Optimize code-fragment

Step 5

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

Optimize-code activeren

Optimize-code activeren

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-plug-in 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-plug-in Google Optimize misschien al ondersteunt of toestaat aangepaste code toe te voegen. Hieronder volgt een selectie van enkele WordPress-plug-ins die Google Optimize ondersteunen of je in staat stellen de code toe te voegen in hun plug-in-instellingen:

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-plug-ins al doen).

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

Google Optimize inschakelen in Analytics-plug-in

Google Optimize inschakelen in Analytics-plug-in

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 plug-ins, zoals bovengenoemde, hebben bovendien eenvoudige schakelaars voor paginaverbergende ondersteuning.

Minimaliseer geflikker

Minimaliseer geflikker

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.

Doe ervaring op met A/B-test in Google Optimize

Doe ervaring op met A/B-test in Google Optimize

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.”

Creëer A/B-test in Google Optimize

Creëer A/B-test in Google Optimize

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

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.”

Creëer een variant in Google Optimize

Creëer een variant in Google Optimize

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.”

Geef de variant een naam in Google Optimize

Geef de variant een naam in Google Optimize

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”.

Wijzig variant in Google Optimize

Wijzig variant in Google Optimize

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 plug-in is enorm uitgebreid! Je kunt er op een pagina letterlijk alles mee veranderen.

Downtime en WordPress problemen? Kinsta is de hosting oplossing speciaal ontworpen om jou tijd te besparen! Bekijk onze kenmerken
Google Optimize Editor

Google Optimize Editor

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-plug-in 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.

Wijzig buttonkleur in Google Optimize

Wijzig buttonkleur in Google Optimize

Wat we ook wijzigen is de button-URL.

Wijzig button-URL

Wijzig button-URL

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.

Google Optimize web preview

Google Optimize web preview

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-test: originele variant

A/B-test: originele variant

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.

A/B test: variant 1

A/B test: variant 1

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.”

Google Optimize experimentdoelstelling

Google Optimize experimentdoelstelling

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.

Google Optimize - aangepaste doelstelling

Google Optimize – aangepaste doelstelling

Stap 9

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

Aangepaste doelstelling in Google Optimize

Aangepaste doelstelling in Google Optimize

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.

Google Optimize-doelstellingen – eCommerce

Google Optimize-doelstellingen – eCommerce

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.

Google Optimize - start experiment

Google Optimize – start experiment

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.

Google Optimize - rapportage

Google Optimize – 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.


Als je dit artikel leuk vond, dan ga je Kinsta’s WordPress hosting platform ook heel erg leuk vinden! Of het nu gaat om het versnellen van je website of de 24/7 support van ons ervaren WordPress-team. Onze door Google Cloud aangedreven infrastructuur is gericht op automatische schaalbaarheid, prestaties en beveiliging. Laat ons jou het Kinsta verschil tonen! Bekijk onze pakketten