Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse
Multivariate Tests mit Google Analytics Multivariate Tests sind mit Google Analytics gar kein Problem, solange man eine statische Seite hat, wo man einfach verschiedene URLs für die Varianten benutzen kann. Sobald wir jedoch mit einer dynamischen Seite arbeiten, wird das etwas komplizierter, denn hier wird der Inhalt dynamisch dargestellt und die URL bleibt immer gleich. Damit man Multivariate Tests auch auf dynamischen Seiten durchführen kann, bietet Google eine API für Google Analytics an, mit der einzelne Elemente auf einer Seite geändert werden können. Inwiefern das Element dann verändert wird und welche Variation angezeigt werden soll, wird mit einem JavaScript bestimmt. Informationen darüber, welche Variation angezeigt wurde, wir dann zu Google Analytics geschickt, damit es dort ausgewertet werden kann. Im Folgenden werde ich darauf eingehen, wie man das JavaScript aufbaut, wie man Ziele in Google Analytics festlegt und wie man letztendlich die Ergebnisse ausliest.
Ziele festlegen Für alle Multivariate Tests ist es wichtig zu wissen, was das Ziel ist. Ein Ziel kann der Aufruf einer bestimmten Seite sein, oder auch der Klick auf einen bestimmten Button. Google hat bereits 3 Ziele festgelegt (Absprünge, Seitenaufrufe, Sitzungsdauer). Wenn diese Ziele reichen, bitte zum nächsten Kapitel übergehen. In diesem Beispiel möchten wir tracken, wie viele Benutzer auf einen Link klicken, der zur Homepage führt. Schritt 1: Ziele können unter Verwalten->Datenansicht->Ziele festgelegt werden. Nun gelangt man zur Übersicht aller Ziele, die bereits erstellt wurden. Dort dann bitte auf Neues Ziel klicken. Schritt 2: Wenn eine der Vorlagen zutreffend ist, bitte auswählen, ansonsten Benutzerdefiniert. Dann zum nächsten Schritt.
Schritt 3: Als nächstes den Namen des Ziels festlegen.
Schritt 4: Je nach Typ variiert der nächste Schritt. Die Namen der Ereignisse sollte man sich merken, denn die müssen später in das JavaScript eingefügt werden. Weitere Informationen zu den Ereignissen: https://support.google.com/analytics/answer/1033068?hl=de&utm_id=ad
Schritt 5: Nachdem das Ziel abgespeichert wurde, ist es aktiviert und in der Liste zu finden. Ziele lassen sich dort auch deaktivieren, aber nie löschen. Fertig!
Einrichtung eines Multivariate Tests in Google Analytics Im folgenden Kapitel wird ein beispielhafter Test eingerichtet, wo Klicks auf einen bestimmten Link nachverfolgt werden sollen. Schritt 1: Multivariate Tests können unter Berichte->Verhalten->Tests eingerichtet werden.
Schritt 2: Als nächstes den Namen für den Test eintragen und das Ziel auswählen. Da wir im letzten Kapitel schon ein Ziel eingerichtet haben, welches zu diesem Test passt, wählen wir es also aus. Google bietet hier außerdem schon 3 vorgefertigte Ziele an.
Schritt 3: Nun Klicken wir im selben Schritt auf Erweiterte Optionen und nehmen die Änderung vor, dass der Traffic gleichmäßig über alle Varianten verteilt wird. Alle anderen Optionen kann man je nach Test ebenfalls ändern. Weiter zum nächsten Schritt.
Schritt 4: Nun legen wir die Anzahl der Varianten fest, die wir testen möchten. In unserem Beispiel möchten wir insgesamt drei Ankertexte testen. Hierfür legen wir neben der Originalseite noch zwei weitere Varianten fest. Die URL für die Originalseite muss die Seite sein, auf der wir den Test durchführen wollen. Die URLs von Variante 1 und 2 sind nicht relevant. Dort können fiktive URLs eingegeben werden. Damit die Darstellung in der Auswertung einfacher auszulesen ist, vergeben wir die Namen nach den Ankertexten, die wir testen wollen.
Schritt 5: Im nächsten Schritt bitte Code manuell einfügen auswählen und das einzige was man nun braucht ist die Test-ID. Die Test-ID benötigen wir bei der Erstellung des JavaScripts. Der Skriptcode darf nicht auf der Seite eingebunden werden!
Schritt 6: Im nächsten Schritt einfach die Fehler ignorieren und den Test starten.
Nun haben wir einen Multivariate Test erstellt. Damit der Test durchgeführt werden kann, muss nun noch ein JavaScript auf der Seite eingefügt werden, mit der wir testen möchten.
Das JavaScript Das JavaScript für den Test muss auf jeder Seite eingebunden werden, wo ein Test durchgeführt werden soll. Das Beispiel-Script befindet sich weiter unten auf dieser Seite und muss natürlich angepasst werden. Im Quellcode habe ich kenntlich gemacht, wo bestimmte Daten, wie Test-ID und Analytics Account Nummer eingegeben werden müssen. Wo finde ich die Google Analytics Account ID? Wenn man auf der Startseite ist, wo die Übersicht aller Projekte ist, steht die ID direkt neben der URL des Projekts. Zum Beispiel: UA-54832698-1 Was ist die Test-ID? Das ist die ID, die am Ende der Erstellung des Tests angezeigt wurde. Zum Beispiel: qjaq0bv2s3ysjzxv1w2p7q Wie wird der Code aufgebaut, der ein Event zu Google Analytics sendet? Je nachdem was das Ziel ist, muss die _gaq.push()-funktion ausgeführt werden, wenn es ein Ereignis gibt. In unserem Beispiel also dann, wenn auf den Link geklickt wird. Das würde dann wie folgt aussehen: <a id='link' href="http://ab-tests.probesystem.de/" onclick="_gaq.push(['_trackevent', 'click', 'cli Zur Erinnerung: Die Namen der Parameter sind die, die wir beim Erstellen eines Ziels angelegt haben. Das Beispiel-Javascript: <body> <a id='link' href="http://ab-tests.probesystem.de/" onclick="_gaq.push(['_trackevent', 'click', 'click o <!-- 1. Load the Content Experiments JavaScript Client --> <script src="//www.google-analytics.com/cx/api.js?experiment=test_id_hier_eingeben"></script
<script> // Ask Google Analytics which variation to show the user. var chosenvariation = cxapi.choosevariation(); </script> <script type="text/javascript"> var _gaq = _gaq []; _gaq.push(['_setaccount', 'ACCOUNT_ID_HIER_EINGEBEN']); _gaq.push(['_trackpageview']); (function() { var ga = document.createelement('script'); ga.type = 'text/javascript'; ga.async = true ga.src = ('https:' == document.location.protocol? 'https://ssl' : 'http://www') + '.google-anal var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(ga, s); })(); </script> <!-- Load the JQuery library --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script> var pagevariations = [ function() {}, // Original: Do nothing. This will render the default HTML. function() { // Variation 1: document.getelementbyid('link').innerhtml = "Variante 1"; }, function() { // Variation 2: document.getelementbyid('link').innerhtml = "Variante 2"; } ]; $(document).ready(pagevariations[chosenvariation]); </script> </body> </html>
Die Auswertung der Ergebnisse Wenn man nun unter Berichte->Verhalten->Tests den Test ausgewählt hat, der erstellt wurde, bekommt man eine Auswertung von den aktuellen Ergebnissen. Um zu überprüfen, ob ein Test funktioniert kann man entweder ein Event auf der Seite auslösen, wo der Test angewendet wird (es dauert aber bis zu 4 Stunden, bis man die Ereignisse in Google Analytics sieht), oder ein Plug-In für Chrome installieren, mit dem man sehen kann, ob die Ereignisse mit _gaq.push() an Google Analytics weitergeleitet wurden. Hier der Link zum Plug-In: https://chrome.google.com/webstore/detail/google-analyticsdebugger/jnkmfdileelhofjcijamephohjechhna Nun kann man die Aufrufe der verschiedenen Varianten auslesen. Nach Ablauf des Tests wird dieser automatisch gestoppt und ein Gewinner wird ermittelt. Jedoch wird nun nur noch die Original-Variante angezeigt. Ein Test, der einmal beendet wurde, kann nicht erneut gestartet werden! Anhand der Ergebnisse weiß man nun, welches Element am besten funktioniert hat und kann dieses nun einbauen oder den ggf. Test verfeinern. Hier ein Screenshot von einem anderen Test, der bereits beendet wurde. Bei einer Website mit mehr Traffic sind hier natürlich mehr Daten vorhanden.