Prezentacja z wystąpienia podczas SEMcamp - Warszawa, 23 IX 2009 r.

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

3. Zastosowanie Google Analytics w analityce i optymalizacji formularzy

5. Wstęp do analityki i optymalizacji formularzy

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

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

8. Analiza błędów IMPLEMENTACJA

10. 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

11. 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 ”);

12. 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

13. 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

14. 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 

15. 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

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

17. 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

18. Analiza błędów ANALIZA DANYCH

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

22. 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

23. 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

24. 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

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

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

27. 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ą

28. 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==&quot;&quot;) || (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

29. 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”

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

31. 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

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

33. 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

34. Wykorzystanie Google Website Optimizer w optymalizacji formularzy

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

36. 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

38. Dziękuję za uwagę  Kontakt: Tomasz Lewandowski [email_address]