Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank...
-
Upload
bluerank -
Category
Technology
-
view
906 -
download
0
description
Transcript of Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank...
![Page 1: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/1.jpg)
Analityka i optymalizacja formularzy internetowych z wykorzystaniem
Google Analytics oraz Website Optimizer
Tomasz Lewandowski Warszawa, 23 września 2009 r.
![Page 2: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/2.jpg)
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
![Page 3: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/3.jpg)
Zastosowanie Google Analytics w analityce i optymalizacji formularzy
![Page 4: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/4.jpg)
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 ?
![Page 5: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/5.jpg)
Wstęp do analityki i optymalizacji formularzy
![Page 6: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/6.jpg)
Wstęp
Pola nie objęte walidacją
Pola objęte walidacją
Wstęp do analityki i optymalizacji formularzy
Typy pól w formularzu
![Page 7: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/7.jpg)
Zastosowanie Google Analytics w analityce i optymalizacji formularzy
Analiza błędów
![Page 8: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/8.jpg)
Analiza błędów
IMPLEMENTACJA
![Page 9: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/9.jpg)
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
![Page 10: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/10.jpg)
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
![Page 11: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/11.jpg)
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”);
![Page 12: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/12.jpg)
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
![Page 13: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/13.jpg)
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
![Page 14: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/14.jpg)
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
![Page 15: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/15.jpg)
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
![Page 16: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/16.jpg)
Analiza błędów
url: www.strona.pl/formularz.html?blad= 01010000000000000000000
23 pola = 23 cyfry w adresie url
![Page 17: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/17.jpg)
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
![Page 18: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/18.jpg)
Analiza błędów
ANALIZA DANYCH
![Page 19: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/19.jpg)
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”
![Page 20: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/20.jpg)
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.
![Page 21: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/21.jpg)
Analiza błędów
WYNIKI ANALIZY ILOŚCIOWEJ
![Page 22: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/22.jpg)
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
![Page 23: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/23.jpg)
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
![Page 24: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/24.jpg)
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
![Page 25: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/25.jpg)
Analiza błędów
Analiza ilości błędów na poszczególnych krokach
![Page 26: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/26.jpg)
Zastosowanie Google Analytics w analityce i optymalizacji formularzy
Analiza stopnia wypełnienia formularza
![Page 27: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/27.jpg)
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ą
![Page 28: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/28.jpg)
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
![Page 29: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/29.jpg)
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”
![Page 30: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/30.jpg)
Zastosowanie Google Analytics w analityce i optymalizacji formularzy
Proces optymalizacji formularzy dla nowego serwisu
![Page 31: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/31.jpg)
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
![Page 32: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/32.jpg)
Zastosowanie Google Analytics w analityce i optymalizacji formularzy
Proces optymalizacji dla formularzy istniejących w serwisie
![Page 33: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/33.jpg)
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
![Page 34: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/34.jpg)
Wykorzystanie Google Website Optimizer w optymalizacji formularzy
![Page 35: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/35.jpg)
Optymalizacja formularzy - WBO
Przykładowe wersje formularzy – formularz konsultacji „odchudzanie”
![Page 36: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/36.jpg)
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
![Page 37: Analityka i optymalizacja formularzy internetowych z wykorzystaniem GA i GWO - Bluerank (T.Lewandowski)](https://reader035.fdocument.pub/reader035/viewer/2022062312/55669008d8b42a78708b47a6/html5/thumbnails/37.jpg)
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