www.testland-blog.de

Durch die Buchpause hat es etwas gedauert bis der dritte Schritt unserer dreiteiligen Serie für die Arbeit mit dem Google Website Optimizer (=Tutorial Googel Website Optimizer) fertig ist. In diesem Artikel behandeln wir den dritten Schritt Testerstellung und Teststart.

Veranschaulichung anhand Beispiel
1) Ausgangssituation:
Auf einer Demo-Seite für den Testland-Blog wird das Thema Testing angepriesen. Ziel der Seite ist es, dass die Besucher den Button am Ende der Seite anklicken. Sie gelangen dann auf eine Folgeseite mit verschiedenen Links.

2) Zielsetzung Test:
Getestet werden sollen nun 2 neue und die bisherige Überschrift und 2 neue Klick-Button und der bisherige Button. Somit haben wir zwei Testelemente: Überschrift und Klick-Button mit jeweils 3 Testlevel (inkl. Original). Damit ergeben sich dann 9 Test-Varianten: drei verschiedene Überschriften und drei verschiedene Klick-Buttons. Als zugehöriger Erfolg gegen den wir testen wird der Klick auf den Button und damit der Aufruf der Folgeseite definiert.

Die Schritte zur Umsetzung des Beispiels Google Website Optimizer
Zuerst erfolgt eine Anlage eines neuen Experimentes im Google Website Optimizer. Danach gibt es einen von Google Website Optimizer vorgegebenen Prozessablauf von 5 Schritten. Schauen wir uns das ganze nochmal im Überblick an:

Anlegen
Aufruf des Website Optimizer
Anlage des Experiments
Auswahl des Testtyps

Erstellungsprozess-Schritte des Google Website Optimizer

1. Identifizieren Sie die Testseiten
2. Seiten mit Tags kennzeichnen
3. Variationen erstellen
4. Überprüfen und starten
5. Bericht anzeigen

—————————————————–
Anlegen
—————————————————–
Aufruf des Website Optimizer
Seitdem der Google Website Optimizer aus dem Betastadium entlassen ist erreicht man ihn direkt als eigenständigen Google Service in Deutsch unter www.google.com/intl/de/websiteoptimizer/index.html . Nachdem Einloggen gelangt man zu folgender Ansicht:

Anlage des Experimentes
Klicken Sie auf “Neues Experiment erstellen” um die Anlage eines Tests zu beginnen.

Auswahl des Testtyps
In diesem Menü werden grundsätzlich zwei Testtypen angeboten: A/B Test und Multivariater-Test. Wir nehmen für den weiteren Verlauf dieser Beschreibung den Multivariaten-Test.

Der Multivariate-Test im Google Website Optimizer lässt wesentlich mehr Möglichkeiten zur Ausgestaltung des Experimentes zu. Ebenfalls ist mit diesem durchaus auch ein A/B-Test möglich.

—————————————————–
Erstellungsprozess-Schritte des Google Website Optimizer
—————————————————–

1) Identifizieren Sie die Testseiten
Nach der Auswahl des Multivariaten-Tests zeigt der Website Optimizer nun ein Übersicht mit verschiedenen Schritten. Hier klicken wir auf “Los” um die Testseiten zu identifizieren.

 

Jetzt geht es weiter mit Eingabe des Testnamens, sowie der URLs der Test- und Conversionseite. In unserem Beispiel ist die Demoseite die Testseite und die Folgeseite die Conversionseite. Konkret ist nun zuerst dem Test durch eintragen in das oberste Feld ein Namen zu verpassen z.B. “Mein erster Test”. Danach werden die URLs der Test- und Conversionseite in die dafür vorgesehenen Felder eingetragen.

Nach Namens- und URL Eingaben bitte auf weiter klicken. Nun folgt nochmal ein Hinweis zur Testplanung. Dies können wir uns aber sparen und hier direkt auf weiter klicken, da wir ja in diesem Beispiel ja Überschrift und Klick-Button testen  und somit schon die Testidee steht.

2. Seiten mit Tags kennzeichnen

TAG-Einbau – Übersicht ins Gedächtnis holen
Nun geht es darum die entsprechenden TAGs, das heißt Code-Schnippsel, in die Test- und Conversionseite einzubauen. Holen wir uns nochmal aus dem zweiten Teil unserer Artikelserie in Erinnerung, wie sich die TAGs auf die Seiten verteilen:

Insgesamt gibt es 4 TAGs; 3 Stück für die Testseite: ein Kontrollskript, welches in den Seitenkopf eingesetzt wird, das Bereichsskript, welches die wechselnden Inhaltsbereiche umschließt und ein Trackingscript. Für die Conversionseite wird ein weiteres Trackingscript eingesetzt. In unserem Beispiel ist die Demoseite ja die Testseite d.h. hier sind 3 Skripte zu integrieren und in der Zielseite entsprechend der Folgeseite 1 Skript.

2a) TAG-Einbau – Eigeninstallationsmodus einschalten
In der “Seiten mit Tags kennzeichnen”-Maske finden Sie am Seitenbeginn ein Abfrage mittels Radiobuttons. Wählen Sie hier bitte “Sie installieren und überprüfen die JavaScript-Tags.” um hier entsprechend unserer Anleitung die Schritte nachvollziehen zu können.

2b) Übersicht TAGs
In der nächsten Ansicht bekommen Sie die zu kopierenden Codeschnipsel angezeigt. Oben stehen die Skripte für die Testseite also in unserem Fall die Tags die in die Demoseite eingebaut werden müssen und unten das Skript für die Conversionseite in unserem Fall die Folgeseiten.

2c) Kopie und Einbau in die Testseite (im Beispiel = Demoseite)
In unsere Demoseite bauen wir in den Kopfbereich vor der schließenden </head> Auszeichnung das Kontrollskript ein. Um die Überschrift und den Button kommt jeweils das Skript “Webseitenbereiche”. Hierbei wird das Skript um das Test-Element verteilt. In unserem Beispiel sieht das dann so aus für die Überschrift:

<script>utmx_section(“ueberschrift“)</script>
<h1>Steigern Sie Ihre Conversionrate</h1>
</noscript>

In den Fuß der Seite, vor dem schließenden </body> kommt das Trackingskript.

2d) Kopie und Einbau in die Conversionseite (im Beispiel = Folgeseite)
Ist die Testseite mit Skripten versorgt erfolgt der Einbau des Trackingskriptes in die Conversionseite. In unserem Beispiel also in die Folgeseite. Das Skript wird ans Seitenende gesetzt vor dem schließenden </body>.

2f) Kontrolle des Einbaus
Sind alle Skripte integriert gibt es die Möglichkeit mit dem Button “Seiten überprüfen” den Einbau checken zu lassen. Klicken Sie danach auf “Weiter”

3) Variationen erstellen
In diesem Schritt erstellen Sie die unterschiedlichen Level oder Ausprägungen der definierten Testelemente. In unserem Fall die beiden neuen Überschrifts- und Buttonversionen.

3a) Variationen Testelement 1: Überschrift erstellen
Um die neuen Überschriften die getestet werden sollen einzugeben klicken Sie auf “Neue Variation hinzufügen”

Vergeben Sie anschließend einen Namen für die Variation und legen Sie darauffolgend die Variation an sich an, danach speichern klicken.

3b) Variationen Testelement 2: Buttonversionen hinterlegen
Für die Schaffung der Variationen des zweiten Testelements (in unserem Beispiel der Button) verfahren wir analog wie beim Testelement 1 der Überschrift beschrieben d.h. Variationsname vergeben und Testelement ändern. Einziger Sonderpunkt beim Button ist der, da es sich hier um ein Grafik handelt wird zur Variationserzeugung eine alternative Adresse für die andere Buttonversion angeben.

Über die “Vorschau” (öffnet sich im neuen Fenster) neben der Speichern-Schaltfläche habe Sie die Möglichkeit sich das ganze anzusehen.

Sind alle Variationen korrekt angelegt wählen Sie “Speichern und fortfahren” am Ende der Seite.

4) Überprüfen und starten
Es ist fast geschafft. Jetzt folgt als vorletzter Schritt die Überprüfung d.h. hier werden nochmals die für den Test eingesetzten Seiten angezeigt, die Variationen aufgelistet und die Möglichkeit das ganze über eine Vorschau nochmals anzuschauen. Zuletzt können Sie mittels der Dropdownbox noch bestimmen wieviel Prozent des ankommenden Traffics in den Test mit einbezogen werden soll d.h. wieviel Prozent der ankommenden Besucher ein Testvariante sehen. Danach auf Jetzt starten klicken.

Ausgespielt wird der Test unter dem entsprechend Link Ihrer Testseite also in unserem Beispiel finden Sie die Testseite bzw. Demoseite unter:

http://www.testland-blog.de/demo-gwo/demoseite_testland.html

Hier können Sie sich im Quelltext (Firefox STRG+U) auch nochmal anschauen wie die Skripte eingebaut wurden.

Hinweis: Die Testvarianten werden mit Cookie-Setzung ausgespielt, so dass auch durch Reload immer die gleiche Variante angesehen wird. Um sich eine Variation live anzusehen sind Cookies zu deaktiveren oder die Seite mittels anderem Browser/Rechner aufzurufen.

Hier mal zwei Beispiele für die unterschiedlichen Varianten der Seite:

5) Test steuern und Berichte ansehen
Im fünften Schritt sehen Sie den fertig eingerichteten Test und haben hier nun die Möglichkeit diesen zu steuern z.B. pausieren. Darüber hinaus können Sie entsprechend die Erfolgsberichte zum Ihrem Test abrufen.

Testland-Blog.de
Einfach besser optimiert