Jedem sind die kostenlosen Features des Suchmaschinengiganten Google bekannt. Neben allseits bekannten Web-Apps wie Google Mail, Google Calendar oder Google Maps gibt es jedoch auch Tools, die das Herz eines jeden Online Marketers höher schlagen lassen. Google Analytics ist ein kostenloses Tool welches Euch die genaue Analyse Eurer Besucher ermöglicht – und Google Website Optimizer ist ein kostenloses Tool mit welchem ihr einfache A/B-Tests aber auch komplexere Multivartiate Tests auf Eurer Webseite durchführen könnt.

Heute möchte ich Euch ein Tutorial zur Verfügung stellen, welches anhand einer ausführlichen Step-by-Step Anleitung den Start eines multivariaten Tests mit Hilfe des Google Website Optimizer beschreibt. Dies möchte ich Euch anhand eines Testszenarios erläutern, welches seit heute hier auf blogzwonull.de live ist.

Zunächst einige Voraussetzungen, welche vor der eigentlichen Arbeit geklärt sein müssen:

• Was möchte ich testen? In meinem Tutorial möchte ich testen, wie ich mehr Besucher von Blogzwonull.de dazu bewegen kann, meine RSS-Feeds zu abonnieren. Grund hierfür ist, dass wahrscheinlich mehr Nutzer zurück in meinen Blog kommen, wenn Sie die Beiträge per RSS abonniert haben (durch das abonnieren erhalten die Nutzer automatisch eine Nachricht wenn hier im Blogzwonull ein neuer Beitrag erschienen ist). Und reger Besucherverkehr im Blog, welcher den aufwendig generierten Inhalt liest, ist ja mitunter das Wesentliche was ein Bloggerherz höher schlagen lässt.
• Mit welchen Mitteln kann ich das Testziel erreichen? Hierzu ist eine Analyse des Status Quo erforderlich. Momentan lässt sich der RSS von Blogzwonull.de durch einen Textlink im rechten oberen Seitenbereich von Blogzwonull.de abonnieren. Weiterhin befinden sich unterhalb der RSS-Abofunktion noch der Suchschlitz sowie zwei prominente Banner (Logos der WAA und der GCUPA). Meine Hypothese ist, dass ich durch eine prominentere Auslobung der RSS-Abo-Funktion, sowie durch eine weniger prominente Auslobung der beiden Banner WAA und GCUPA, mehr Nutzer dazu bewegen kann, unseren RSS-Feed zu abonnieren. Hieraus ergbit sich dann folgendes Testdesign.
• Wie kann ich das Testziel messen? Der Testerfolg lässt sich nur verifizieren, wenn ein Besucher eine bestimmte Seite aufruft – in meinem Fall die “Vielen-Dank-für-das-abonnieren-von-Blogzwonull-Seite”.

Und nun geht es auch schon los. Der Website Optimizer ist so intuitiv, dass innerhalb von 20 Minuten der multivariate Test konfiguriert sein sollte. Wichtige Grundvoraussetzung ist noch, dass ihr über ein (kostenloses) Google Konto sowie Zugriff zu den HTML-Seiten Eurer Webseite verfügt.

1) Nachdem man sich auf dem Startscreen des Google Website Optimizers befindet (ab hier nenne ich das Tool nur noch GWO), legt man einen weiteren Test durch Klick auf die entsprechende Funktion “Weiteren Test erstellen” an.

2) Nun muss man sich entscheiden, ob man einen einfachen A/B Test (nur 2 Varianten einer Seite werden gegeneinander getestet) machen möchte oder ob man einen multivariaten Test machen möchte (mehrere Elemente einer Seite können variiert werden, so dass mehr als 2 Testvarianten der Seite entstehen). Aufgrund des oben beschriebenen Testszenarios (meine Hypothese ist, dass sich 3 Elemente = RSS Abofunktion + Banner 1 WAA + Banner 2 GCUPA auf das eigentliche Testziel auswirken) entscheide ich mich dafür, einen multivariaten Test anzulegen.

3) Auf dem nächsten Screen wird dann nochmal beschrieben, was ein multivariater Test genau ist, und welche Vorkehrungen getroffen sein müssen. Ich bestätige das kurz durch Klick in die Checkbox am unteren Ende der Seite und und bestätige durch Klick auf “Erstellen”.

4) Interessanter wird es dann schon auf der nächsten Seite. Hier muss ein Name für den Test festgelegt werden, sowie muss man die Testseite und die Zielseite definieren. Der Name ist relativ einfach (ich wähle hier RSS Blogzwonull). Die Testseite ist die Seite, die während des Testzeitraums variiert werden soll – sprich die Seite auf der sich optisch alles abspielt. In meinem Fall ist das http://www.blogzwonull.de. Die Zielseite ist die Seite, auf welcher sich überprüfen lässt, ob das Testziel erreicht wurde. In meinem Fall wäre das also die Seite, die aufgerufen wird, sobald der Nutzer auf die RSS-Abo-Funktion drückt (hier: http://www.blogzwonull.de/rss-abonnieren).

5) Im nächsten Schritt muss festgelegt werden, wer die notwendigen Änderungen am Quellcode durchführt. Sofern man ein Web-Team zur Seite hat (nein, habe ich im Blogzwonull leider nicht), dann kann man die notwendigen Code-Schnipsel per E-Mail verschicken lassen. Da ich aber selbst den Quellcode anpasse, wähle ich die Option “Sie installieren und überprüfen die Java-Script-Tags.”

6) Dann geht es aber auch schon ans Eingemachte. Nun hat mir der GWO die notwendigen Codeschnipsel generiert, welche ich nun auf den entsprechenden Seiten anpassen muss. Mir wird das sog. Kontrollskript, das Trackingskript und das Conversion-Skript zur Verfügung gestellt. Das Kontrollskript dient dazu, dass der GWO die Kontrolle über die Seite übernehmen kann, ansonsten wäre eine Variation der Seitenelemente nicht möglich. Das Trackingskript ist notwendig, damit Besucher der Seite getrackt also gemessen werden können. Und das Conversionskript dient zur Zielerreichungsmessung.

Wie müssen die Skripte nun eingebaut werden?

• Kontrollskript: Das Kontrollskript muss in den head-Beareich des Quellcodes der Testseite kopiert werden. Im einfachsten Falle wird das Skript hierzu per HTML der Testseite eingefügt, doch da Blogzwonull.de mit dem datenbankbasierten CMS WordPress läuft, muss man hier einen anderen Weg wählen. Ich bearbeite die Datei header.php im WordPress-Ordner (aus welcher dann die eigentliche HTML-Seite generiert wird), und füge das Kontrollskript hier ein. Bei jedem Aufruf der Testseite wird nun automatisch aus dieser PHP-Datei auch das Kontrollskript geladen.
• Trackingskript: Dieses Skript muss ans Ende des Quellcodes der Testseite (wichgtig: vor dem body-Tag.) Auch hier muss ich mich aufgrund der Besonderheit durch WordPress einer PHP-Datei bedienen: diesmal der Datei footer.php im WordPress Ordner. Auch hier wird das Skript durch copy&paste eingefügt und wird somit bei jedem Aufruf der Testseite geladen.
• Conversionskript: Das Conversionskript muss auf die Seite, auf der die erfolgreiche Durchführung der gewünschten Aktion gemessen wird. Hierzu bediene ich mich dem Worpress-Backend und füge auf der relevanten Seite (Verwalten->Seiten->dann nur noch die Zielseite auswählen) über die Funktion “Benutzerdefinierte Felder” am unteren Ende (siehe Screenshot) den Skriptcode hinzu.

Mit Klick auf “Seite überprüfen” im Google Website Optimizer könnt ihr dann kontrollieren, ob die Skripte korrekt eingebaut worden sind. GWO bestätigt Euch das mit einer Statusmeldung.

7) Nun muss noch definiert werden, welche Bereiche auf der Testseite variiert werden sollen. Zur Erinnerung hier nochmal mein Testszenario:

• Testelement 1 “RSS-Abo-Funktion”: Es soll die bestehende Variante (nur Text), ein prominentes Logo oder ein prominentes Logo mit Text angezeigt werden (insgesamt 3 Varianten)
• Testelement 2 “Banner 1 WAA”: Es soll das bestehende Banner der WAA eingeblendet oder ausgeblendet werden (insg. 2 Varianten)
• Testelement 3 “Banner 2 GCUPA”: Es soll das bestehende Banner der GCUPA eingeblendet oder ausgeblendet werden (insg. 2 Varianten)

Die Definition der Testbereiche geschieht durch folgenden Quellcode:

Hierbei handelt es sich noch um Dummy-Code der zunächst zur Illustration herangezogen wird. Die Testbereiche werden durch das script-Tag (inkl. Anfangs und Endtag) definiert, und durch das noscript-Tag wieder begrenzt. Alles was sich also zwischen den beiden Tags befindet, wird durch den Test kontrolliert und somit variiert. Der Text in Anführungszeichen (hier: Anzeigentitel) steht für den Namen des Testelements und ist frei wählbar. Hier ist am besten irgendein sprechender Name zu wählen.

Nun zurück zu meinem Test. Ich möchte also die dem Testszenario entsprechenden Elemente variieren. Auf blogzwonull.de befinden sich diese Elemente in der sog. Sidebar, welche über die sidebar.php im WordPress-Ordner automatisch erstellt wird. Um die Testelemente entsprechend dem Testszenario zu definieren, füge ich den entsprechenden Code in die sidebar.php ein.

Für das Testelement RSS-Abo-Funktion schaut dies dann folgendermaßen aus:

Hier habe ich den Namen “Darstellung RSS” für den Testbereich RSS-Abo-Funktion gewählt. Genau wie in diesem Screenshot müssen dann noch die Testelemente “Banner 1 WAA” und “Banner 2 GCUPA” definiert werden.

Acht) Danach geht es wieder zurück in das Google Website Optimizer Tool. Hier muss zuletzt noch den definierten Testelementen ein Inhalt hinzugefügt werden.

Im Bereich “Ursprüngliche Version” zieht sich der GWO nun – aufgrund der im Quelltext definierten Textbereiche – die Kontrollversion des Testelements. Mit Klick auf “neue Variation hinzufügen” habe ich nun – gemäß meines Testszenarios – die anderen Varianten erstellt. Hier könnt ihr jeglichen HTML-Code einfügen, so wie ihr es von der Erstellung von Webseiten kennt. Das Einbinden von alternativem Text, Bildern oder Animationen stellt somit überhaupt kein Problem. Wenn eine Testvariation das komplette Weglassen eines Inhalts darstellen soll (z.B. Bild oder Text komplett weglassen), so legt hier hierzu ebenso eine neue Variation an und entfernt den Quelltext ganz einfach.

9) Zum Abschluss fehlt dann nur noch ein Klick auf “Speichern & fortfahren” und der multivariate Test ist erzeugt.

Nun müsste alles korrekt eingerichtet sein. Nach einigen Stunden (und der Voraussetzung dass Nutzer auf die Testseite kommen) dürften die ersten Zwischenergebnisse über das GWO-Tool abrufbar sein. Auf der Startseite des Google Website Optimizers könnt ihr dann den Test auswählen und erste Ergebnisse einsehen. Je nachdem wieviel Traffic man auf der Testseite hat ist nach einiger Zeit (ca. 2 bis 4 Wochen) ein statistisch aussagekräftiges Ergebnis vorhanden. Mindestens eine komplette Woche sollte ein Test schon laufen, da sich das Nutzungsverhalten von Werktags-Surfern durchaus von dem von Wochenend-Surfern ändern kann.

Ich hoffe das Tutorial ist Euch bei der Erstellung Eurer Tests behilflich. Bei Fragen zur Einrichtung des Google Website Optimizers könnt ihr Euch gerne per E-Mail (moritz.habermann@me.com) an mich wenden oder über die Kommentarfunktion eine Frage stellen.

Ähnliche Beiträge:

• Nokia 6300 + iSync + iPhone
• Webinars: Website Optimierung (A/B-Testing, Multivariate Tests)
• Safari für Windows – Apple legt sich selbst ein Ei
• Google Analytics auf Apple iPhone
• Google Website Optimizer Success Stories