Strony WWW bez Kodowania: Analityka

0:00Witaj w kolejnej lekcji, w której zajmiemy się analityką wepniemy do naszej strony

0:03Google Analytics i każdy przyzwoity Web Builder posiada taką opcję.

0:07Jeśli jej nie posiada, możemy to zrobić z

0:09pomocą swojego własnego kodu Google Analytics, który umieścimy i będę Ci

0:13pokazywał w kolejnej lekcji, jak to zrobić z piksela Facebooka.

0:16Ale w większości przypadków nie musimy w ogóle pobierać żadnego kodu, żadnych

0:20snipett'ów, tylko mamy to gdzieś w konfiguracji akurat w Carrd

0:24jeżeli wejdziesz w Ustawienia Publish Settings, czyli do ostatniej zakładki

0:27publikacji, na dole znajdziesz Google Analytics ID i to właśnie w to miejsce

0:32wstawiamy kod track'owania Google Analytics.

0:35Jak go znaleźć?

0:36Jeśli jeszcze nie masz konta na Google

0:38Analytics, to na analyticsgoogle.com założysz sobie konto i Google przeprowadzi

0:41Cię przez kolejne kroki, aby utworzyć nową usługę.

0:45Jeżeli już masz i chcesz stworzyć nową

0:47usługę, to przejdź do sekcji Zarządzanie na Google Analytics, czyli do Admin, a

0:51następnie stwórz sobie Create Property i stworzymy nową usługę.

0:55I co chcemy tutaj mierzyć?

0:56Chcemy mierzyć web stronę internetową.

0:59Wybieramy polecenie Continue.

1:00Akurat w naszym przypadku wpiszemy, że to jest Slack landing page

1:04i w naszym przypadku jest ona pod adresem slack.eduweb.pl.

1:08Jeszcze mi się nie uaktywnił

1:09certyfikat SSL zaraz będzie aktywny, ale na razie zostawię sobie HTTP.

1:14Wybieram polecenie Create.

1:16Oczywiście możemy zmienić te wszystkie

1:18ustawienia, które tam były, ale nawet nie musimy teraz tego robić.

1:21I mamy tutaj coś takiego jak tracking ID, identyfikator śledzenia.

1:26Nie musimy tego robić, ale przypominam, że warto to tam zrobić, bo między innymi tam

1:30była strefa czasowa, więc będą Ci się źle wyświetlać godziny,

1:32kiedy ludzie wchodzą na stronę, jeżeli tam nie podasz poprawnych danych.

1:36Ale nam zależy najbardziej na tym, żeby to user Analytics ID po prostu wkleić

1:40tutaj. Ona się zaczyna od UA jest oznaczone jako Tracking ID tutaj.

1:44No i w zasadzie to tyle.

1:46Gdybyśmy nie mieli tego w konfiguracji

1:48Carrd to musielibyśmy skopiować sobie taki kod i wstawić go, albo skorzystać z

1:53jakiegoś innego rozwiązania i później sprawdzić czy działa i tak dalej.

1:56W przypadku Carrd proszę bardzo.

1:58Publikujemy zmiany i są one już publikowane.

2:01Teraz docelowo na tą moją domenę slack.eduweb.pl

2:05Jak sobie na nią wejdziemy to powinniśmy już powoli odbierać dane w Google Analytics

2:10i tutaj powinna być informacja o tych odebranych danych.

2:13Proszę bardzo, jeden aktywny użytkownik jest na stronie.

2:17Zobaczmy Realtime traffic reports.

2:19Czyli że te dane są zbierane to jestem ja i to działa.

2:22Czyli mamy poprawnie skonfigurowaną analitykę.

2:26Oczywiście w tej analityce możemy skonfigurować jeszcze mnóstwo rzeczy.

2:29Polecam Ci materiały na temat Google Analytics,

2:31bo tutaj można skonfigurować sobie cele zachowania, podpiąć system e-commerce.

2:35Ale ja chciałbym pokazać Ci taką najważniejszą rzecz, którą robimy

2:39i polega ona na track'owaniu różnych rzeczy, które

2:42użytkownicy wykonują wewnątrz naszej strony Out of the box.

2:45Nie jest to działające dlatego, że tutaj

2:48możemy zobaczyć tylko jakieś podstawowe dane, lokację, skąd Ci użytkownicy są.

2:52Natomiast nie bardzo możemy zobaczyć co robią, żeby zobaczyć co robią.

2:57Warto skonfigurować sobie takie eventy, które będą przekazywane do Google Analytics

3:01w momencie, kiedy jakaś akcja jest wykonywana.

3:04Istnieje kilka sposobów jak możemy śledzić

3:06takie zdarzenia, czyli eventy wykonywane na naszej stronie.

3:10Jeden z nich jest opisany w sekcji Measurement dokumentacja Analytics i chodzi

3:13tutaj o podpięcie kawałka kodu, w którym mamy następujące rzeczy.

3:17Definiujemy coś takiego jak event, później action, czyli to co będzie pojawiać się w

3:23raportach, jakby co użytkownik zrobił, co wykonał, jaką akcję wykonał.

3:28Następnie mamy Event Category, czyli

3:30znowu podajemy jakąś naszą nazwę kategorii tych eventów np.

3:34kliknięcia w przyciski label, czyli dokładnie to co np.

3:38użytkownik zrobił, że kliknął w przycisk zarejestruj się i do tego

3:42ewentualnie możemy też opcjonalnie dodać

3:43sobie wartość, czyli przykładowo wpisać, że to jest warte dla nas 10 złotych.

3:48Jak ktoś by się zapisał do naszej usługi albo kupił naszą usługę, moglibyśmy tutaj

3:53przekazać nawet dynamicznie wartość takiego koszyka czy wartość tego zakupu.

3:57Najprostszy event można zrobić w ten sposób, czyli po prostu

4:01wywołać event i przekazać tutaj xyz, coś się stało.

4:04Zostanie to wyświetlone, aczkolwiek warto

4:07sobie skopiować taką właśnie strukturę i z niej korzystać.

4:11No może bez value akurat value nie będzie nam tutaj koniecznie potrzebne.

4:14No i gdzie możemy to wpinać np.

4:16do linków czy przycisków.

4:17Więc jeśli wybierzemy sobie nasz button Take the Tour, możemy go rozwinąć.

4:21No i tutaj znajduje się coś takiego jak On Click.

4:23Co ma się stać w momencie kiedy ktoś kliknie w nasz przycisk?

4:26Jest to dostępne w tej wyższej wersji, ale umożliwia nam właśnie wpięcie tutaj

4:30kawałków kodu, w tym tego kodu track'ującego, więc możemy to wkleić.

4:33To będzie event.

4:35I teraz Action jaka akcja zostaje wykonana?

4:38Możemy podać, że to są clicks, teraz kategoria.

4:43Tutaj znów podajemy w cudzysłowie,

4:45ponieważ jest to string, podajemy w cudzysłowie.

4:47Do jakiej kategorii np. możemy wpisać tutaj, żeby było śmiesznie

4:50butt clicks, czyli kliknięcia w przyciski oczywiście.

4:53No i następnie mamy jeszcze Event Label, czyli jaki chcemy label do tego dopisać.

4:57To będzie Take the Tour, żebyśmy dokładnie

4:59wiedzieli co się stało i value nie musimy podawać.

5:02Jeżeli jednak skasujemy value proszę pamiętać o

5:04tym, żeby skasować też ten przecinek w ostatnim rzędzie

5:08nie powinno go tutaj być i to powinno już nam taki event przekazać.

5:12Po kliknięciu wybieramy polecenie Done, żeby zapisać te zmiany.

5:15Kolejne eventy, które mam np.

5:17są przypisane do formularza.

5:18Jeśli zerkniesz sobie na formularz to

5:20tutaj w Form Settings znajduje się sekcja Events czyli zdarzenia.

5:24I tutaj mamy akurat trzy typy zdarzeń, czyli On Submit.

5:28Po wysłaniu tego formularza czy możemy wpisać taką kategorię jak Form Events

5:36tutaj będzie Form Status.

5:43I kolejno będziemy mieli w tym przypadku akurat label Submit.

5:49Czyli w momencie gdy użytkownik wysyła formularz.

5:52Tutaj możemy sobie wpisać success, czyli gdy formularz został przesłany poprawnie.

5:58A tutaj możemy wpisać sobie fail albo error albo coś takiego.

6:02I to jest wtedy, gdy użytkownik zrobi

6:05tutaj jakiś błąd i ten formularz się poprawnie nie wyśle.

6:09Wybieram polecenie Done i w ten sposób

6:10obsłużyłem sobie wszystkie zdarzenia z tego tytułu.

6:13No dobra, no to spróbujmy to może przetestować.

6:14Opublikuje naszą stronę.

6:15Wybieram polecenie Publish Changes.

6:18A następnie spróbujemy poklikać na takiej stronie.

6:21Wybieram View Site żeby ją otworzyć.

6:23Zanim zacznę klikać przejdę do Google Analytics i

6:26w sekcji Realtime przejdę do zakładki Events.

6:29Czyli właśnie to są te zdarzenia wywoływane przez użytkowników.

6:32I teraz mogę spróbować w to kliknąć czy kliknąć w Take the Tour

6:37nic się nie stało, bo oczywiście prowadzi do jakiegoś lipnego adresu.

6:40Aczkolwiek ten event został odnotowany i mam informację:

6:44Butt Cliks Event Action Cliks, to co podałem i

6:47mogę w to dodatkowo wejść i zobaczyć szczegóły czyli Event Label Take the Tour.

6:51To jak zorganizujemy sobie to jeśli chodzi o label'e o te Event Action itd. zależy tylko i

6:55wyłącznie od nas, ale jak widzisz ten event został tutaj już odnotowany.

6:59Możemy spróbować przejść sobie do kolejnego eventu, czyli wysłania formularza.

7:03Znów wypełnię go przykładowymi danymi i

7:05wybiorę polecenie Sign up for Free i zobaczymy co się stanie.

7:08W momencie gdy przejdę sobie na tą stronę

7:11powinienem dostać zaraz znowu kolejny event w tej sekcji.

7:16Przejdźmy do, Wyjdźmy z tej kategorii Butt Clicks

7:20I rzeczywiście mogę wejść w Form Status teraz i zobaczyć,

7:23że mieliśmy takie dwa zdarzenia wykonane z formularza.

7:26Najpierw było submit, a później było success, czyli wszystko się udało.

7:30Gdybyśmy mieli jakiś fail, no to byłoby

7:32najpierw submit, a później byłoby fail, więc też byśmy to widzieli.

7:36Następnie te wszystkie zdarzenia zbierają się w sekcji Behavior i tutaj znajduje się

7:40sekcja Events i w Overview czy Top Event itd.

7:43Będziesz miał wszystkie te dane o eventach, aczkolwiek one dotrą tutaj

7:46dopiero następnego dnia, bo Google to odświeża o północy.

7:50Czyli te dane z poprzedniego dnia nie są

7:51tutaj widoczne poza tą sekcją realtime, czyli czas rzeczywisty.

7:55No ale widać, że te wszystkie eventy nam działają i to się ładnie zbiera.

7:59Co jeszcze możemy zrobić?

8:00Wybieram polecenie Ok.

8:02Jedną rzeczą, która jest naprawdę fajna to

8:05jest również mierzenie jakiś celów, które mamy u nas na stronie

8:08i możemy te cele mierzyć przykładowo ilością zapisanych osób.

8:12Czy chcielibyśmy wiedzieć ile osób zapisało się poprawnie z tego formularza i

8:16wylądowało na tej stronie i w tym celu wybierzemy sobie ten adres, adres tej

8:19strony, a następnie zdefiniujemy go jako tzw.

8:23cel w Analytics. To jest druga najbardziej popularna rzecz

8:25po eventach, którą możemy robić, jeśli przejdziemy do sekcji Administracji.

8:29Tutaj znajduje się, znajdują się opcje naszego widoku i cele.

8:33Wchodzimy sobie w cele, definiujemy nowy cel wybierając ten czerwony guzik,

8:37a następnie definiujemy cel, którego nazwę zrobimy, że rejestracja, register np.

8:44kolejno musimy wybrać, co ma nasz cel odhaczyć, to

8:46znaczy możemy mieć cel polegający na rejestracji i teraz będziemy zliczać ilość

8:50osób, która się zarejestruje i co ma zliczać te osoby.

8:53Może to być jakieś zdarzenie, więc moglibyśmy np.

8:56form, wysłanie formularza Success uznać za

9:00zaliczenie, ale w zasadzie mogłoby coś po drodze pójść nie tak.

9:03W związku z tym możemy skorzystać tutaj z

9:05typu Destination i po prostu wskazać URL strony, która jest wyświetlana, która

9:11w momencie, gdy zostanie wyświetlona, wtedy zostanie zaliczony ten cel.

9:14Wybieram polecenie Continue.

9:16Możemy tutaj wpisać tak zgodnie z instrukcją

9:18tak jak mamy tutaj thank you HTML to możemy zamiast podawać cały

9:22adres po prostu wpisać to zaczynając od slash'a w ten sposób.

9:27I teraz będzie to, powinno to działać.

9:31Możemy opcjonalnie dodać do tego wartość jeśli to jest dla nas warte 5 złotych albo

9:3520, dodać to do jakiegoś lejka konwersji, ale to już można powiedzieć, że trochę

9:40bardziej zaawansowane rzeczy, nam wystarczy

9:42na razie to możemy zweryfikować ewentualnie taki cel, aczkolwiek

9:46najczęściej dla mnie to właśnie działa tak jak teraz, że jakieś dane są niedostępne.

9:50Więc o ile nie masz naprawdę dużej ilości wizyt, no to wydaje mi się, że to

9:54po prostu nie działa, a mimo wszystko nasz cel został zdefiniowany poprawnie,

9:59będzie działać poprawnie i te dane też niestety są odświeżane co 24 godziny.

10:03W związku z tym na razie nie zobaczę, że

10:05mam tutaj jedną moją konwersję, ale następnego dnia już te dane będą widoczne

10:10i dodatkowo jeśli wejdę sobie w menu to będę mógł w tej sekcji Conversion zobaczyć

10:16konwersję celów, czyli właśnie przejrzeć sobie te cele ilościowo, ile osób je

10:21wykonało itd, a nawet zwizualizować sobie Funnel, czyli ten lejek konwersji.

10:27W naszym przypadku prosta sprawa, bo ze strony głównej przechodzimy na stronę po

10:30rejestracji, ale mogłoby być tak, że tych podstron jest więcej.

10:34Chcielibyśmy zobaczyć jak ci ludzie chodzą po tych podstronach i wtedy ta

10:37wizualizacja lejka i informacja o tym, na jakim etapie tego lejka, czyli na jakiej

10:41podstronie najwięcej osób odpada, to dla nas bardzo istotna informacja, no bo

10:45możemy skupić się właśnie na tej konkretnej podstronie, która jest po

10:48drodze do konwersji i zacząć ją optymalizować.

10:51Moi drodzy, to wszystko jeśli chodzi o

10:53podstawową analitykę na stronach wykonanych przez Web Builder'y.

10:56Jak widzicie wykonanie czegoś takiego z pomocą tej wersji Pro co prawda, ale

11:01jednak Carrd jest bardzo proste i wszystko tutaj mamy pod ręką.

11:05Na pewno zakodowanie tego samodzielnie

11:07byłoby bardziej narażone na błędy, no i też bardziej czasochłonne.

11:11To wszystko na teraz. Do usłyszenia.