Google Website Optimizer on täysin ilmainen työkalu verkkosivujen A/B- ja monimuuttujatestaukseen.  Työkalun avulla voit itse testata eri variaatioita sivuistasi ja selvittää mitkä sivuista konvertoituvat parhaiten eli tuottavat parasta tulosta.

Tässä esimerkissä demonstroimme yksinkertaisen A/B-testin, jonka tarkoituksena on selvittää kumpi laskeutumissivuista toimii paremmin – alkuperäinen vai luomamme kilpaileva sivu. Tavoitteena on saada mahdollisimman moni sivun vierailijoista liittymään sähköpostilistalle. Testausasetelmassa käytämme esimerkkinä kuvitteellista turkulaista elävän musiikin ravintolaa, jonka lavalle nousee viikoittain useita eri artisteja.  Viikoittaisten artistivieraiden lisäksi ravintola tarjoaa uutiskirjeen tilaajille rahanarvoisia etuja sekä ennakkovarauksen mahdollisuuden lippuihin suurempien nimien tullessa esiintymään.

Lähtötilanteessa kyseisellä ravintolalla on jo olemassa sähköpostilistalle liittymiseen tarkoitettu sivu, joten luomme sen rinnalle toisen kilpailevan sivun. Esimerkissä sivut on nimetty “Alkuperäinen” ja “Muunnelma 1″. (Suosittelemme, että tässä vaiheessa kannattaa tehdä vaihtoehtoinen sivu valmiiksi, jotta testin aloittaminen käy mahdollisimman kätevästi ja keskeytyksettä. Myös oman verkkosivuston FTP-tunnukset on hyvä selvittää ajoissa, mikäli niitä ei vielä ole tiedossa.)

Kun kilpaileva sivu on tehty ja FTP-tunnukset selvitetty aloitetaan testin luominen.

1. Kirjaudu Google-tilillesi

Mikäli sinulla on jo käytössä Google-tili (kuten AdWords, Analytics, Gmail tai jokin muu Googlen palveluista), voit kirjautua sisään kyseisillä tunnuksillasi osoitteessa www.google.com/websiteoptimizer . Mikäli sinulla ei vielä ole Google-tiliä, voit luoda tilin samalta sivulta napsauttamalla yläkulmasta “Kirjautuminen” ja seuraamalla ohjeita.

2. Uuden A/B-kokeilun luominen

Luodaan uusi kokeilu napsauttamalla kohtaa “+Luo uusi kokeilu” ja seuraavalta sivulta valitsemalla joko A/B-kokeilu tai Monimuuttujakokeilu. Tässä esimerkissä luomme A/B-kokeilun, koska haluamme testata kahta täysin toisistaan poikkeavaa sivua. (Monimuuttujakokeilusta kerromme myöhemmin tässä blogissa.)

3. Luodaan vaihtoehtoinen sivu ja valitaan testin tulossivu

Mikäli olet jo luonut vaihtoehtoisen sivun tässä vaiheessa, voit siirtyä eteenpäin laittamalla rastin ruutuun “Olen suorittanut yllä olevat vaiheet ja olen valmis aloittamaan oman kokeilun luomisen” ja jatkamalla painamalla “Luo”. Tulossivu tässä esimerkissä on nimeltään “kiitos-uutiskirjeen-tilauksesta.php”, minkä palvelin palauttaa aina kun käyttäjä on lisännyt itsensä ravintolamme uutiskirjeen listalle.

Oman testisi tulossivuksi voit valita käytännössä minkä tahansa sivun, kuten kiitos- tai yhteystietosivun, jolle haluat kävijöiden jatkavan testisivulta.

4. Kokeilun nimeäminen

Esimerkissämme kokeilun nimeksi annetaan “Ravintola XYZ uutiskirje”. Sivujemme osoitteiksi tulee www.ravintolaxyz.fi/uutiskirje.php ja www.ravintolaxyz.fi/uutiskirje2.php. Tulossivuksi valitsemme “www.ravintolaxyz.fi/kiitos-uutiskirjeen-tilauksesta.php”. Googlen robotti käy automaattisesti tarkastamassa löytyykö sivut osoittamaltasi palvelimelta. Mikäli sivut eivät löydy, ilmestyy osoitteen eteen keltainen huutomerkki (tämä ei haittaa, voimme siirtyä eteenpäin testin luonnissa ja ladata sivut myöhemmässä vaiheessa palvelimelle).

5. Valitse lisäätkö JavaScript-koodit itse

Valitsemme “Lisäät ja vahvistat JavaScript-tunnisteet”. Tässä esimerkissä olemme itse luoneet laskeutumissivut, joten osaamme ja pystymme myös itse lisäämään koodit. Mikäli et itse osaa tai jostain syystä pysty lisäämään koodeja, voit pyytää verkkosivuston ylläpitäjän avuksesi tai lähettää hänelle ohjeet valitsemalla ensimmäisen pallukan. Tässä vaiheessa on myös hyvä varmistaa, että sinulla on sivustosi FTP-palvelimen tunnukset käytössäsi. Lisättävät koodit annetaan seuraavalla sivulla.

6. Lisää hallinta- ja seurantakoodit

Seuraavaksi näytölle tulostuu kyseisen testin JavaScript-koodit. Lisäämme koodit esimerkkisivujemme (uutiskirje.php, uutiskirje2.php sekä kiitos-uutiskirjeen-tilauksesta.php) lähdekoodeihin. Seuraamme näytöllä näkyviä ohjeita ja lisäämme ensimmäisen hallintakoodin ensimmäisen uutiskirje.php sivun aivan yläosaan sekä seurantakoodit jokaiselle sivulle, juuri ennen </body>-elementtiä.

7. Lataa sivut palvelimellesi

Olemme lisänneet sekä hallinta- että seurantakoodit sivuillemme ohjeen mukaan joten voimme ladata valmiit sivut palvelimelle. Kun sivut on ladattu, vahvistetaan että koodit ovat oikein asennettu napsauttmalla “Vahvista sivut”. Kun sivut on vahvistettu, jatkamme eteenpäin.

8. Esikatsele ja aloita kokeilu

Seuraavalla sivulla voimme esikatsella luomamme vaihtoehtoiset sivut napsauttamalla linkkiä “Esikatsele kokeilu nyt”. Kun olet varmistunut, että kaikki näyttää siltä miltä pitääkin, valitse “Aloita kokeilu nyt”.

9. Tulosten seuranta

Tulokset alkavat rullata muutaman tunnin kuluttua testin aloituksesta. Yksinkertainen raportointijärjestelmä piirtää graafista käyrää sivujen konversioprosenteista, ja tuloksia voikin seurata lähes reaaliajassa. Esimerkki raportissamme “Arvioitu tulosprosentti” kertoo kuinka moni kävijä liittyy uutiskirjelistallemme. Tässä esimerkissä alkuperäinen laskeutumissivumme (uutiskirje.php) on toiminut huomattavasti paremmin (tulosprosentti 34,5%).

Tulosten seurannassa oleellista on, että ei tehdä hätiköityjä johtopäätöksiä vaan annetaan testin rullata loppuun asti ja järjestelmä ilmoittaa voittajasivun löytyneen. Voittajan löytyminen saattaa kestää muutamasta päivästä useisiin viikkoihin, riippuen sivuston kävijämäärästä sekä konversioiden määrästä. Lähtökohtaisesti tilastollisen pätevyyden selvittäminen vaatii yleensä noin 100-200 tulosta. Mikäli testissä on enemmän kuin 2 sivua (nk. A/B/C-testi), tarvitaan tuloksia myös enemmän.