Wie benutzt man Google Web Optimizer in Joomla!

Quelle (in Englisch): www.compassdesigns.net
Übersetzung: Joomla! Schweiz

... oder "Wie verdoppelt man gratis die Einkünfte aus der Website"

Nehmen wir mal an, Sie haben eine Website die irgendwie Einnahmen generiert. Es kann ein Einkaufswagen sein, E-Mail-Registrierung um Ebooks zu lesen. Ihre Website hat sicher Konkurrenz (eigene Suchwörter in der Google-Suche eingeben um zu sehen wer das ist). Wie können Sie sich konkurrenzfähig bleiben und eine erfolgreichere Website betreiben?

Die Antwort: Steigerung Ihrer Konversionsrate.
(Anmerkung Joomla! Schweiz, siehe: http://de.wikipedia.org/wiki/Conversion-Tracking)

Jakob Nielsen erklärt dies sehr gut mit seiner Formel für Erfolg im Web.

Wo:

• B = Umsatz auf der Website
• V = Individuelle Besucher auf der Website
• C = Konversionsrate (der Prozentsatz von Besucher welche Kunden geworden sind); Beachten Sie, dass das Konzept der Konversion nicht nur für kommerzielle Websites (ecommerce) gilt, sondern für jede Website in der der Besucher aufgefordert wird etwas zu tun.
• L = Loyalitätsrate (das Verhältnis zu welchem Kunden zurückkommen für weitere Geschäfte)

Nun, die Strategie welche sich Website-Betreiber wahrscheinlich ausdenken um zu versuchen die "Verkäufe" zu erhöhen, ist wohl der Versuch mehr Besucherzahlen zu erreichen. Doch in vielen Fällen ist das nicht die beste Strategie. Sie erhalten denselben Effekt mit dem verdoppeln der Konversionsrate wie wenn man die Besucherzahl verdoppelt. Und hier kommt der beste Teil . . .

Das verdoppeln ihrer Konversionsrate ist überraschend einfach

Wie können Sie die Konversionsrate erhöhen?

Durch Testen

Das ist so ziemlich alles was es zu tun gibt. Website-Besucher können sehr unerwartet reagieren auf kleine Sachen in der Seite. Den Text in einer Überschrift, sogar die Schriftfarbe in der Überschrift. Kleine Änderungen können direkt verbunden werden mit kleinen Gewinnen oder Verlusten in Ihrer Konversationsrate.

So. - Wie weiss man nun was zu ändern ist?

Weiss man nicht.

Meistens sind die Anpassungen nicht so offensichtlich. Ja, es gibt Methoden für Experten, doch oft kann Unscheinbares für uns etwas bewirken. Manchmal sogar gegen unser Gefühl. Zum Beispiel hatte ich kürzlich eine Seite mit Konversationsschritt. Als ich den Gewinn wegnahm, war das Resultat mehr Konversation/Verkäufe. Geh zur Abbildung.

Der einzige Weg um Konversationen zu erhöhen sind ausführliches Versuchen von diversen Kombinationen. Lassen Sie sich vom Resultat überraschen.

Ursprünglich war diese Art vom Versuchen sehr teuer und brauchte komplexe Scripts. Aber seit neustem hat Google einen Service eingeführt (gebündelt mit Adwords) welcher erlaubt, Variationen von Konversionsseiten auszuprobieren. Diese Art von Ausprobieren wird auch als "split testing" (geteilte Tests) bezeichnet.

Das Konzept ist, dass jedem Besucher eine Variation von Seiten gezeigt wird. Ein Cookie wird plaziert so dass der Besucher immer diese Variation sieht. Die Variationen selber werden willkürlich an die Besucher vergeben wie sie auf der Website antreffen. Eine Konversion wird dann gezählt durch verfolgen welche Besucher eine zweite Seite aufrufen. Statistische Trends können dann analysiert werden, welche Variation zu mehr Konversionen führt.

Wie man mit Joomla! Geteilte Tests (split testing) macht

Wenn Sie Ihre Website mit schmalem Budget betreiben ist die Chance gross, dass Sie ein freies Inhalts-Verwaltungs-System (open source CMS) wie Joomla! verwenden. Manchmal ist es schwierig, ein dynamisches CMS in ein Optimierungswerkzeug zu integrieren. Mit Joomla! ist es nicht so schwer, die meisten "Javascript Google snippets" (Google’s Optimierungs "Schnipsel") in Joomla!-Artikeln zu betreiben. Es sind die "Snippets" welche das Optimieren ermöglicht.

Eröffnen sie ein Google Adwords Konto

Betreiben Sie bereits wie erwähnt eCommerce, sollten Sie auch schon Adwords benutzen. Falls nicht, warten Sie mit weiterlesen und eröffnen zuerst ein Adwords-Konto um mehr Besucher zu erhalten.

Erstellen Ihrer Joomla!-Seiten

Um Konversionen messen zu können, müssen Besucher von einer Seite zur nächsten wechseln. Das könnte Ihre Startseite sein und die Erfolgsseite vom Einkaufswagen. In diesem Beispiel benutze ich nicht kategorisierte Artikel, eine wird als meine Startseite benutzt und die zweite als "Erfolgsseite".

Bemerkung: Meistens empfehle ich ein einzelner nicht kategorisierterter Artikel als Startseite zu verwenden anstatt die Joomla! Startseiten Verwaltung.

Editor ausschalten

Wir werden Javascript in Artikel einbetten müssen. Editors in Joomla! überschreiben sehr oft kritische Syntax-Codes. Entweder den Editor in der globalen Konfiguration ausschalten, oder für aktuellen Benutzer, oder diesen Trick um HTML in Joomla!-Modulen oder Artikel zu editieren. Sie können auch ein Upgrade zu einem Kommerziellen Editor machen wie WYSIWYGPro, der ihnen ein unverzügliches editieren der Ursprungsdaten erlaubt ohne Codes zu überschreiben. Abbildung 1 zeigt das Benutzer Editierfenster und wo man den Editor ausschaltet.

Abbildung 1
WYSIWYG Editor für den Administrator ausschalten

Ein Website Optimierungs-Experiment kreieren


Jetzt wo wir die Seiten bereit haben, müssen wir das Experiment vorbereiten. Einloggen in Adwords und auf das Webseiten-Optimierungslink klicken. Als Beispiel werden wir ein „multivariates“ (mehrere Variablen betreffend, mehrdimensional) Experiment aufsetzen.

Abbildung 2 Multivariates Experiment auswählen

Das Web-Optimierungs-Werkzeug führt uns dann durch 5 Schritte. Als erstes werden die Experimentseiten identifiziert.

Abbildung 3 Schritt 1 vom Optimierer

Nun geben wir unserem Experiment einen Namen und „Demeter“ (Göttin des Wachstums und der Fruchtbarkeit) in unseren Testseiten. Zur Erinnerung, in meinem Beispiel benutze ich zum Testen die Startseite, so muss ich nur den Pfad (URL) der Website eingeben.

Abbildung 4  Testseiten Identifizieren

Nun erhalten wir eine Seite mit Erklärungen zum Test.

Abbildung 5 Google erklärt das Testverfahren

Der letzte Teil zum Planen vom Experiment ist die Auswahl, wie die Codes eingesetzt werden. Die erste Auswahl bietet einen Link zu Instruktionen. Wir machen es selber, also wählen wir "You will install and validate the JavaScript tags" (Sie werden JavaScript-Markierungen installieren und validieren).

Abbildung 6  Auswählen um Markierungen selber einzusetzen

Als nächstes kommt ein kritischer Schritt. Wir nehmen 4 „snippets“ Codes und kopieren sie an verschiedene Stellen in unseren Testseiten.

Abbildung 7 Die 4 Code-Blöcke zum einfügen in die Joomla! Artikel

Die ersten zwei, drei kommen alle in die Seite, die variiert werden soll (in unserem Fall die Startseite). Es sind:

• Das Kontrollscript – Zuoberst im Artikel
• Die Seitenabschnitte – in den Inhalt des Artikels wie benötigt
• Das "tracking script" (die Verfolgung) – am Ende vom Artikel

Ein Beispiel wird gezeigt in Abbildung 8:

Abbildung 8 Einfügen der Code „snippets“ im Test-Artikel

Nun müssen wir das letzte Snippet, das Konversions-Script, in die "Erfolgsseite" einfügen wie hier in Abbildung 9. Zur Erinnerung, das muss in einen anderen Artikel, wir haben uns für die „Erfolgsseite“ entschieden. Wenn Sie einen Einkaufswagen benutzen, wird das nicht in einem Artikel sein sondern irgendwo in der entsprechenden Erweiterung die Sie verwenden.

Abbildung 9 Einfügen vom Konversions-Code in die „Erfolgsseite“

Nach dem Einfügen und Sichern der Code-Blöcke müssen wir kontrollieren ob alle da sind und korrekt. Den Validierungs-Knopf unten auf der Web-Optimierungsseite anklicken.

Abbildung 10 Validierungs-Knopf im Optimizer

Wenn Sie die aktuelle Version von Joomla! benutzen, werden Sie nun eine Fehlermeldung erhalten. Joomla! 1.5 interpretiert einige Codes als Pfad oder Unterbruch. Damit der Google-Code richtig funktioniert, muss eine Datei angepasst werden.

Abbildung 11 Validierungsfehler

Dank geht an Anthony Ferrara für das finden und lösen dieses Problems!

http://joomlacode.org/gf/project/joomla ... m_id=11844

Hier ist die Ersatzdatei:
http://joomlacode.org/gf/download/track ... _fix.patch

Dieser "Patch" sollte wohl in Joomla! 1.5.5 oder 1.5.6 integriert sein.

Nun können alle unsere Codes validieren; wir klicken auf Weiterfahren und kreieren unsere Seitenabschnitte zum Testen. Beachten Sie, dass Sie so viele Seitenabschnitte haben können wie Sie wünschen und eben so viele Variationen. Der Einfachheit halber teste ich nur eine Variation.

Um das zu tun, klicken sie auf das Link "Add a new variation" (Neue Variation einfügen).

Abbildung 13 Variationen zufügen

Geben sie Ihrer Variation einen Namen, so kann sie in Rapporten wieder erkannt werden.

Abbildung 14 Name der Variation

Dann editieren Sie HTML auf eine Weise die Variationen kreiert. Beachten Sie, dass ich in diesem Beispiel die Google-Script-Tags ausserhalb der <h3> Tags plaziere. So könnte ich Rubrik-Stile wie auch Wörter verändern.

Abbildung 15 Editieren der Variationen

Sichern, (und alle Variationen überarbeiten falls sie mehrere haben) und dann können Sie das Experiment starten.

Abbildung 16 Kontrolle und Starten

Google wird nun die Daten sammeln und auswerten, welche Variationen am besten konvertieren.

Abbildung 17 Experiment gestartet

Google Web Optimizer Tricks und Tipps

Es gibt wohl ebenso viel Teststrategien wie Tests. Eine Technik erachte ich als nützlich, zuerst sehr allgemeine Variationen zu testen. Sagen wir, wir haben eine Überschrift, eine Aufforderung zu Aktion, einige Besonderheiten und ein Bild. Ich würde den Variationsblock um die Überschrift, die Besonderheiten und das Bild legen und diese dann ein- oder ausschalten. Das macht 8 (wenn meine Kalkulation stimmt) Variationen. Nachdem ich diese allgemeineren Test durchgeführt habe, würde ich anfangen mit einzelnen Blöcken zu spielen.

Ich hoffe dies ist eine hilfreiche Einführung zum „split testing“ mit Google Web-Optimizer in Joomla! Websites. Gerne würde ich hören von denen die das auf ihrer Website einsetzen und welche Resultate/Zunahmen in der Konversion erreicht wurde. (Bitte in English)

Kommentar schreiben