Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)

Analityka i optymalizacja formularzy internetowych z wykorzystaniem Google Analytics oraz Website Optimizer Tomasz Lewandowski Warszawa, 23 września 2009 r.

Agenda

Zastosowanie Google Analytics w analityce i optymalizacji formularzy

Wstęp do analityki i optymalizacja formularzy

Analiza bledów

Analiza stopnia wypełnienia formularza

Proces optymalizacji formularzy dla nowego serwisu

Proces optymalizacji dla formularzy istniejących w serwisie

Wykorzystanie Google Website Optimizer w optymalizacji formularzy

Wprowadzenie do wykorzystania WBO w celu optymalizacji formularzy

Proces optymalizacji z wykorzystaniem WBO

Zastosowanie Google Analytics w analityce i optymalizacji formularzy

Wstęp do analityki i optymalizacji formularzy

Jaką rolę pełni formularz(e) w mojej witrynie ?

Czy „jakość” formularza ma znaczenie ?

Czy warto testować, analizować i optymalizować formularze ?

Wstęp do analityki i optymalizacji formularzy

Wstęp Pola nie objęte walidacją Pola objęte walidacją Wstęp do analityki i optymalizacji formularzy Typy pól w formularzu

Zastosowanie Google Analytics w analityce i optymalizacji formularzy Analiza błędów

Analiza błędów IMPLEMENTACJA

Analiza błędów

We wszystkich „formach/wersjach implementacji” analizy błędów rejestrujemy błędy w polach objętych walidacją

Zróżnicowanie ze względu na:

Sposób rejestracji błędu

- w rzeczywistym adresie url

- w wirtualnym adresie url strony internetowej, - jako event

Sposób kodowania błędu

jeden kod dla wszystkich pól

indywidualny identyfikator dla każdego pojedynczego pola

Analiza błędów Wersja 1 – walidacja całego formularza, rzeczywisty url Analiza obejmuje pola walidowane Walidacja formularza odbywa się po naciśnięciu przez użytkownika przycisku „wyślij” Błąd jest rejestrowany w rzeczywistym adresie url url: www.strona.pl/formularz.html?blad1=email&blad2=telefon url: www.strona.pl/formularz.html?blad_email=1&blad_telefon=1

Analiza błędów Analiza obejmuje pola walidowane Walidacja formularza odbywa się po naciśnięciu przez użytkownika przycisku „wyślij” Błąd jest rejestrowany w wirtualnym url strony Wersja 2 – walidacja całego formularza, wirtualny url KODOWANIE Wykorzystujemy funkcje: _trackPageview() KOD pageTracker._trackPageview (” formularz/blad/email-kod ”);

Analiza błędów Analiza obejmuje pola walidowane Walidacja formularza odbywa się po wprowadzeniu przez użytkownika informacji do wymaganego pola Błąd jest rejestrowany przy wykorzystaniu evetów Wykorzystujemy funkcję: _trackEvent() _trackEvent( category, action , opt_label, opt_value) Wersja 3 – walidacja po wypełnieniu pola, eventy nazwa strony nazwa pola z błędem

Analiza błędów Sposób kodowania błędu – „identyfikatory” url: www.strona.pl/formularz.html?blad1=email url: www.strona.pl/formularz.html?blad_email= 1 &blad_telefon= 0 pageTracker._trackPageview(”formularz/blad/email-telefon”); Kodowanie w wirtualnym adresie strony Parametry dołączane Stały układ w adresie url

Analiza błędów Sposób kodowania błędu – „kod” url: www.strona.pl/formularz.html?blad=0100 url: www.strona.pl/formularz.html?blad=8 kod w formie dziesiętnej kod w wersji dwójkowej url: www.strona.pl/formularz.html? blad= id _333 kod indywidualny np. dla kombinacji błedów: email+telefon blad= id _111 blad= id _222 email  telefon 

Analiza błędów Sposób kodowania błędu – kod dwójkowy Pole nr 1 -> Pole nr 2 -> Pole nr 6 -> Pole nr 3 -> Pole nr 4 -> Pole nr 5 -> url: www.strona.pl/formularz.html?blad=0 1 0 1 00 <- kod = 0 <- kod = 0 <- kod = 0 <- kod = 1 <- kod = 0 <- kod = 1 KOD = 0 1 0 1 00 *pola obowiązkowe

Analiza błędów url: www.strona.pl/formularz.html?blad= 0 1 0 1 0000000000000000000 23 pola = 23 cyfry w adresie url

Analiza błędów blad_0000 1 000 <<->> blad_8 Konwersja kod dwójkowy na kod dziesiętny 10 najczęściej występujących kodów błędu Kod błędu Liczba błędów Błędne pola 1 119 pole 1 16 65 pole 5 9 53 pole 1, pole 4 8 50 pole 4 17 32 pole 1, pole 5, pole 4

Analiza błędów ANALIZA DANYCH

Analiza błędów

F1 = ilość formularzy poprawnie wypełnionych

F2 = ilość formularzy zawierająca błędy

jakość formularza = (F2 / (F1+F2)) x 100%

Przykładowo, jakość formularza może wynieść 83%

Analiza danych – analiza ilościowa „pojęcie jakości formularza”

Analiza błędów

Analizujemy informacje o:

pojedynczych błędach

dwójkach, trójkach najczęściej występujących błędów

liczbie błędów popełnianych na poszczególnych krokach formularza

jakość formularza >> jakość = (F2 / (F1+F2)) x 100%

Analiza danych – analiza ilościowa Analiza danych – analiza jakościowa Analizujemy: „ Czytelność formularza”, identyfikujemy pola, które mogą sprawiać problem użytkownikom - Analiza ekspercka .

Analiza błędów WYNIKI ANALIZY ILOŚCIOWEJ

Analiza błędów Pole z którymi użytkownicy mieli duży problem - prawie 8 % błędów Pole z którym użytkownicy nie mieli problemu - wynik < 0,3% Analiza ilościowa - wyniki

Analiza błędów Analiza ilościowa - wyniki Oznaczenie pola Ilość błędów Pole nr 1 51 Pole nr 2 0 Pole nr 3 32 Pole nr 4 259 Pole nr 5 145 Pole nr 6 7 Pole nr 7 20 Pole nr 8 14

Analiza błędów Informacja do wykorzystania przy optymalizacji formularz za pomocą Google Website Optimizera 10 najczęściej występujących kodów błędu Kod błędu Liczba błędów Błędne pola 1 119 pole 1 16 65 pole 5 9 53 pole 1, pole 4 8 50 pole 4 17 32 pole 1, pole 5, pole 4 Najczęściej występujące pary błędnych pól w formularzu Numery błędnych pól Ilość wystapień pary pól Całkowita liczba błędów Pola nr 1, 4 53 93 Pola nr 1, 5 9 64 Pola nr 4, 5 10 44 Pola nr 1, 3 8 23 Pola nr 3, 4 9 21 Pola nr 3, 5 9 20 Pola nr 1, 7 7 19 Najczęściej występujące trójki błędnych pól w formularzu Numery błędnych pól Ilość wystapień trójki pól Całkowita liczba błędów Pola nr 1, 4, 5 13 90 Pola nr 1, 5, 7 9 65 Pola nr 4, 5, 7 10 44 Pola nr 1, 3, 4 8 23 Pola nr 3, 4, 5 5 21 Pola nr 3, 5, 6 9 20 Pola nr 1, 5, 4 32 47

Analiza błędów Analiza ilości błędów na poszczególnych krokach

Zastosowanie Google Analytics w analityce i optymalizacji formularzy Analiza stopnia wypełnienia formularza

Analiza stopnia wypełnienia formularza Źródło: http://www.e-nor.com/blog/index.php/web-analytics/optimize-form-length-with-input-analysis Pola nie objęte walidacją

Analiza stopnia wypełnienia formularza Źródło: http://www.e-nor.com/blog/index.php/web-analytics/optimize-form-length-with-input-analysis I mplementacja function validate() { isEntered(document.getElementById('name'),'name'); isEntered(document.getElementById('email'),'email'); isEntered(document.getElementById('phone'),'phone'); isEntered(document.getElementById('company'),'company'); isEntered(document.getElementById('comments'),'comments'); frm.action='/thankyou.aspx?src=contact_us.htm'; } function isEntered(el, field_name) { if((el.value=="") || (el.value==null)) { pageTracker._trackPageview(' /contact_us.htm/empty/' + field_name ); } else { return false; } } Funkcja Analytics Pola w formularzu Wirtualny adres url z katalogiem „empty” Nazwa pola, które rejestrujemy

Analiza stopnia wypełnienia formularza Źródło: http://www.e-nor.com/blog/index.php/web-analytics/optimize-form-length-with-input-analysis Analiza Wirtualny adres url z katalogiem „empty”

Zastosowanie Google Analytics w analityce i optymalizacji formularzy Proces optymalizacji formularzy dla nowego serwisu

Proces optymalizacji formularzy Proces dla nowego serwisu 1. Analiza wymagań. 2. Projekt funkcjonalny. 3. Stworzenie makiety, testy prototypu (analiza jakościowa). 4. Uruchomienie wersji beta. 5. Implementacja kodów potrzebnych do analizy w GA. 6. Analiza formularzy przy wykorzystaniu Google Analytics . 7. Optymalizacja formularzy. Proces iteracyjny

Zastosowanie Google Analytics w analityce i optymalizacji formularzy Proces optymalizacji dla formularzy istniejących w serwisie

Proces optymalizacji formularzy Proces dla formularzy istniejących w serwisie 1. Wybór formularzy do analizy. 2. Implementacja kodów potrzebnych do analizy. 3. Analiza formularzy przy wykorzystaniu GA. 4. Optymalizacja formularzy. Proces iteracyjny

Wykorzystanie Google Website Optimizer w optymalizacji formularzy

Optymalizacja formularzy - WBO Przykładowe wersje formularzy – formularz konsultacji „odchudzanie”

Optymalizacji formularzy - WBO Proces – bez wykorzystania analizy błędów 1. Wybór formularzy do analizy. 2. Projekt badania, rekomendacje dotyczące elementów badania 3. Implementacja kodów WBO potrzebnych do analizy. 4. Weryfikacja wdrożenia elementów 5. Analiza i kontrola przebiegu eksperymentu. 6. Raport i wnioski z badania 7. Optymalizacja formularzy. Proces iteracyjny