Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank...

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

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

Pola nie objęte walidacją

Pola objęte walidacją


Typy pól w formularzu


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


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


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


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


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


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ą



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

Wirtualny adres url z katalogiem „empty”


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


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


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


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 [email protected]

mailto:[email protected]

Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank...

Technology

Transcript of Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank...