Jak skonfigurować test na wielu odmianach w Google Website Optimizer?

UWAGA: Z dniem 1 sierpnia 2012 roku Google Website Optimizer został zastąpiony przez Eksperymenty Google Analytics.

Ostatnio z Pawłem uświadomiliśmy sobie, że analityka internetowa, a w szczególności wskazówki i triki związane z Google Analytics zdominowały nasz blog. Tymczasem w rzeczywistości zdecydowaną większość projektów, które prowadzimy poświęcone są optymalizacji stron internetowych pod konwersję. W związku z tym zaczniemy coraz więcej pisać o samej optymalizacji i działaniach, które pomogą zwiększyć efektywność Waszych stron.

Taką serię artykułów rozpoczynamy postem dotyczącym podstawowej konfiguracji Google Website Optimizera (optymalizatora witryny), która jest niezbędna do stworzenia testu wielowymiarowego.

Przygotowanie do konfiguracji testu

Abstrahuję tutaj oczywiście od szeregu działań, które powinny być przeprowadzone w celu zidentyfikowania elementów, które chcielibyśmy poddać testowaniu. Zakładam tutaj, że na podstawie przeprowadzonych analiz wiemy (z mniejszą lub większą pewnością), zmiana których elementów przyniesie nam największy efekt, jeżeli chodzi o współczynnik konwersji naszej witryny.

Aby skonfigurować eksperyment w Google Website Optimizer będziemy potrzebowali trzech rzeczy:

• Dostępu do samego narzędzia – uzyskamy go pod adresem http://www.google.com/websiteoptimizer,
• Dostępu do CMSa naszej witryny (tudzież kodu),
• Wiedzy na temat zmian, które chcemy przetestować.

Pierwsze kroki

Po zalogowaniu naszym oczom ukazuje się pulpit nawigacyjny – jeżeli administrujemy więcej niż jednym kontem (są to te same konta, których administratorem jesteśmy w Google Analytics), to właściwe należy wybrać z listy rozwijane w prawym górnym rogu.

W widoku tym widzimy obecne eksperymenty, które prowadzimy – możemy podejrzeć np. obecne wyniki testu. W naszym przypadku jednak będziemy chcieli utworzyć nowy test. W związku z tym klikamy „+ Utwórz inny eksperyment” w lewym górnym rogu tego widoku.

Jesteśmy przeniesieni do miejsca, w którym będziemy decydowali o wyborze eksperymentu.

W przykładzie posłużę się testem wielowymiarowym tzn. będę testował po dwie odmiany dwóch elementów strony. Stroną, którą będziemy testowali będzie strona główna naszej strony firmowej www.conversion.pl. Elementami, które poddam testowaniu będą nagłówek strony oraz przycisk, który prowadzi do strony ze szczegółami na temat oferty optymalizacji konwersji.

W ten sposób wybierając test na wielu odmianach zostaliśmy przeniesieni do strony, w której jesteśmy informowani o rzeczach, które teraz powinniśmy wykonać:

• Wybór strony, którą będziemy testowali – w naszym przypadku jest to strona główna naszej witryny www.conversion.pl,
• Wybór sekcji, które będą podlegały testowaniu – test zostanie skonfigurowany dla dwóch odmian nagłówka strony głównej oraz przycisku prowadzącego na stronę dotyczącą szczegółowego opisu usługi.
• Uzgodnienie kwestii technicznych z działem IT – w naszym przypadku możemy pominąć:) Nasza strona jest zbudowana na silniku WordPress, dzięki czemu kody Google Website Optimizere obsługuje za nas specjalna wtyczka.
• Identyfikacja naszej strony sukcesu – w naszym przypadku będzie to po prostu kliknięcie w przycisk i przejście do strony ze szczegółami oferty.

Oczywiście zaznaczamy, że powyższe kroki zostały wykonane i przechodzimy dalej.

Tworzenie eksperymentu

Teraz przystępujemy do właściwego tworzenia eksperymentu. W pierwszej kolejności nadajemy nazwę eksperymentu i identyfikujemy jego strony:

• Stronę, która będzie testowana – w naszym przypadku stronę główną www.conversion.pl,
• Stronę konwersji tzn. stronę, której zobaczenie przez użytkownika będzie oznaczało wypełnienie przez niego celu.

Następnie musimy zadecydować czy to my, czy nasz dział IT zainstaluje skrypt śledzący. W naszym przypadku zrobimy to samodzielnie, dlatego wybieramy druga opcję.

Bardzo ważny moment

Teraz przychodzi bardzo ważny moment – musimy odpowiednio na stronie zaimplementować skrypty śledzące.

W przypadku WordPressa jest to bardzo proste, ponieważ wklejamy odpowiednie kody w wyznaczone miejsca. Jednak w każdym innym przypadku nie będzie to nic trudnego – na podanej stronie znajdują się dokładne instrukcje, jak i gdzie zainstalować kod.

Musimy wkleić następujące kody:

• skrypt kontrolny na stronę, która będzie podlegała testowaniu,
• oznaczyć i nazwać sekcje strony, których różne odmiany będziemy testowali,
• skrypt konwersji, który wklejamy na stronę, które odwiedzenie przez użytkownika będzie oznaczało dla nas wypełnienie przez niego celu.

Po instalacji kodu powinniśmy go zweryfikować. Jeżeli wyświetli nam się wiadomość o poprawności instalacji, to możemy przejść dalej.

Określenie odmian wybranych elementów

W tym miejscu przychodzi nasz na określenie, jakie odmiany będą testowane. Jeżeli chcemy dodać kolejne odmiany poszczególnych sekcji, które wcześniej oznaczyliśmy, to po prostu klikamy „Add New variation”. Na koniec możemy zobaczyć podgląd jak wyglądają różne kombinacje.

Jeżeli wszystko się zgadza, to przechodzimy dalej.

W ostatnim ekranie otrzymujemy informacje podsumowujące. Możemy zdecydować tutaj jaki % użytkowników będzie poddany testom, możemy również aktywować automatyczne wyłączenie wersji ewidentnie przegrywającej, dzięki czemu więcej ruchu trafi do pozostałych wersji i szybciej osiągniemy statystyczną istotność testu.

Jeżeli wszystko się zgadza, to uruchamiamy test!

Podsumowanie

W taki oto prosty sposób mamy skonfigurowany test wielowymiarowy. Teraz pozostało tylko czekać na wyniki i odpowiednio interpretować raporty – o tym w następnych postach dotyczących optymalizacji konwersji. Bądźcie na bieżąco:)