analityka i optymalizacja formularzy internetowych z wykorzystaniem ga i gwo - bluerank...
Post on 28-May-2015
906 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
1. Wstęp do analityki i optymalizacja formularzy
2. Analiza bledów
3. Analiza stopnia wypełnienia formularza
4. Proces optymalizacji formularzy dla nowego serwisu
5. Proces optymalizacji dla formularzy istniejących w serwisie
Wykorzystanie Google Website Optimizer w optymalizacji formularzy
1. Wprowadzenie do wykorzystania WBO w celu optymalizacji formularzy
2. 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
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=010100
<- kod = 0
<- kod = 0
<- kod = 0
<- kod = 1
<- kod = 0
<- kod = 1
KOD = 010100
*pola obowiązkowe
Analiza błędów
url: www.strona.pl/formularz.html?blad= 01010000000000000000000
23 pola = 23 cyfry w adresie url
Analiza błędów
blad_00001000 <<->> 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 116 65 pole 5
9 53pole 1, pole 4
8 50 pole 4
17 32pole 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
Oznaczenie pola
Ilość błędów
Pole nr 1 51Pole nr 2 0Pole nr 3 32Pole nr 4 259Pole nr 5 145Pole nr 6 7Pole nr 7 20Pole nr 8 14
Analiza ilościowa - wyniki
Analiza błędów
10 najczęściej występujących kodów
błędu
Kod błędu Liczba błędów
Błędne pola
1 119 pole 116 65 pole 5
9 53pole 1, pole 4
8 50 pole 4
17 32pole 1, pole 5, pole 4
Informacja do wykorzystania przy optymalizacji formularz za pomocą
Google Website Optimizera
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ówPola nr 1, 4 53 93Pola 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 20Pola 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
Implementacja
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
Optymalizacja formularzy - WBO
Proces - z wykorzystaniem analizy błędów
1. Wybór formularzy do analizy.
2. Implementacja kodów potrzebnych do analizy.
3. Analiza formularzy przy wykorzystaniu GA. (analiza błędów)
4. Optymalizacja formularzy z wykorzystaniem WBO.
•Projekt badania, rekomendacje dotyczące elementów
badania
•Implementacja kodów WBO potrzebnych do analizy
•Weryfikacja wdrożenia elementów
•Analiza i kontrola przebiegu eksperymentu.
•Raport i wnioski z badania
Proces iteracyjny
Dziękuję za uwagę
Kontakt: Tomasz Lewandowski t.lewandowski@bluerank.pl
top related