Wypuszczanie Produktów i Startupów na Rynek: Bardziej zaawansowana analityka

0:00Ok, to teraz czas na trochę bardziej zaawansowaną analitykę, ale

0:03nie będzie to nic strasznego.

0:04Chodzi nam o to, że jak już mamy te kody śledzące i wiemy ilu użytkowników wchodzi

0:08na stronę i mamy mierzone jakieś takie domyślne zdarzenia typu skąd oni są, z

0:13jakiej przeglądarki i tak dalej, to chcemy jeszcze dodać do tego możliwość mierzenia

0:18tego, na jaką stronę użytkownicy weszli, jak wyglądają ich kliknięcia na stronie.

0:24I właśnie do tego będziemy przypinać rozmaite takie customowe zdarzenia.

0:28To jest nam potrzebne, żeby uzupełnić tą naszą wstępną, ten nasz

0:32wstępny setup analityki.

0:33Pokażę Ci to pokrótce, ale pokażę Ci to jak krok po kroku instalując menadżer

0:37tagów Google na naszej stronie na Webflow, czyli w Webflow.

0:41Przechodzę do ustawień strony i do sekcji Custom code.

0:45Najpierw muszę zainstalować w ogóle tutaj na tej stronie i stworzyć konto.

0:49Zrobię tutaj sobie konto Easy Kraj, zostawię Stany Zjednoczone, może

0:55i wybiorę konfigurację kontenera.

0:57Konfiguracja kontenera, czyli nazwa www Easy Tools.

1:02Będzie to witryna internetowa.

1:05Wybieram polecenie utwórz.

1:07Tutaj się muszę zgodzić na warunki.

1:09Następnie będę mógł umieścić już kod menadżera na stronie.

1:13Czyli muszę wkleić ten kod do sekcji head, czyli w to miejsce na stronie.

1:18Tutaj mam kod head, a tutaj mam kod footer, czyli przed

1:21zamknięciem znacznika body.

1:23Czyli muszę przejść sobie tutaj i właśnie w tym miejscu.

1:27Co prawda bezpośrednio po otwarciu body oni chcą, żebym to wkleił, ale

1:31we flow nie ma takiej możliwości.

1:32Możemy to wkleić pod właśnie przed to domknięcie znacznika

1:37body, nie po otwarciu, ale to też będzie ok.

1:41Będzie działać.

1:42Wybieram polecenie zapisz i musimy opublikować naszą stronę,

1:44żeby te zmiany zadziałały.

1:46Czyli wybieram polecenie publish.

1:48Na razie sobie to opublikuję na mojej takiej testowej domenie od Webflow.

1:51Jeszcze nie opublikuję tej strony na docelowej domenie.

1:55No i w tym momencie będę mógł wybrać polecenie Tutaj przetestuj

1:58witrynę, wpiszę sobie easy.

2:02Sorry, nie.

2:03To tylko, że muszę wpisać ten cały adres tutaj tej mojej strony testowej.

2:08Muszę go wkleić i wybieram polecenie przetestuj i to nam powie.

2:13Czy GTM został zainstalowany poprawnie.

2:15Wygląda, że wszystko jest ok.

2:17Jeśli wszystko jest ok, to chodzi nam tutaj o to teraz, żeby

2:21przejść do edycji tej strony.

2:22I ja akurat chciałbym zmierzyć kliknięcia na ten guzik Trip for free na razie, ale

2:27oczywiście możesz później mierzyć sobie rozmaite różne eventy, Natomiast nam

2:31zależy na tym, żeby przechwycić informację o tym, że ktoś kliknął Drive for free i

2:35rozpoczął przygodę z naszym narzędziem.

2:38W związku z tym wybieram polecenie tagi i tworzę sobie nowy tag.

2:42Wybieram.

2:43A może najpierw zrobimy tak, że przejdę do reguł i pokażę Ci, jak się tworzy regułę,

2:49Czyli na przykład stworzę sobie regułę click.

2:51Następnie skonfiguruje ją i wybiorę polecenie.

2:55Wszystkie elementy kliknięcie.

2:57Tutaj mam kliknięcie wszystkie elementy i zostawiam sobie wszystkie kliknięcia

3:01i wybieram polecenie zapisz.

3:03Zrobiłem teraz taką regułę, taki trigger na zdarzenie kliknięcia dowolnego

3:07kliknięcia na mojej stronie.

3:09Wybieram polecenie prześlij i publikuję ten kontener.

3:13No i w tym momencie ten trigger powinien nam działać.

3:16Natomiast żeby go przetestować to musimy przejść do właśnie obszaru roboczego.

3:22I teraz mamy tutaj coś takiego jak podgląd.

3:25Wybieram polecenie Podgląd.

3:26Przenoszę się do takiego specjalnego asystenta.

3:29Wrzucam sobie znowu ten adres tej mojej strony.

3:34Wybieram polecenie Connect, żeby się z nią połączyć.

3:38No i czekamy aż połączy się ten asystent z naszym, z naszą stroną.

3:42Mamy tutaj jeszcze status connecting i to mruga, więc trzeba chwilkę poczekać.

3:47Aha, dobrym pomysłem jest ewentualnie przejście na tą stronę i wyłączenie

3:51blokady tutaj jakiejś zapory czy innej blokady przeglądarkowej i dopiero wtedy.

3:56Jak widzisz udało mi się połączyć, więc warto o tym pamiętać.

3:59Dobra, no i teraz połączyliśmy się i widzimy różne zdarzenia,

4:03które są na naszej stronie.

4:04Że się strona wczytała, że kontener się zainicjalizował.

4:07Super.

4:07Możemy na nim przejść i możemy kliknąć w to miejsce, w to miejsce, w to

4:10miejsce i w guzik na przykład.

4:12I teraz ten tag assistant nasz.

4:14Zobacz, że wykrył nam te kilka kliknięć tutaj i mamy informację o tym, że coś

4:19tam zostało kliknięte na tej stronie.

4:21Mamy tutaj również zmienne i kliknięcie.

4:26Jak widzisz, poszczególne kliknięcia zostały zarejestrowane w postaci.

4:30Tutaj mamy event, mamy page URL gdzie kliknąłem, czyli w

4:35co konkretnie kliknąłem.

4:36No i możemy teraz zrobić sobie właśnie stworzyć takie zdarzenie, które będzie

4:42reagowało na kliknięcie w ten nasz konkretny guzik.

4:45To znaczy, że możemy przejść sobie albo na przykład do adresu

4:50strony docelowej, tak jak mam tutaj przejście na stronę akurat pricing,

4:53albo mogę w ramach tej strony sprawdzić, jaka to jest klasa czy identyfikator na

4:59tym przycisku, to również mam w edytorze easy.

5:02Mogę tutaj sobie zobaczyć, że tutaj mam klasę Buttons Card i

5:05mogę z niej skorzystać.

5:06Mogę w Settings Dodać też opcjonalnie jakiś identyfikator w tym miejscu np.

5:11Click4Free.

5:14I generalnie mogę będę mógł też bazować na takim identyfikatorze, więc kilka

5:19różnych metod możemy tutaj użyć.

5:21No i jeśli przejdę sobie jeszcze raz do tego asystenta tutaj menadżera tagów, no

5:26to teraz już chciałbym stworzyć tag reguła.

5:28To jest po prostu coś, co pokazałem Ci, że będzie nam zliczało na przykład właśnie

5:32kliknięcia, a tak będzie się uruchamiał i będzie nam na przykład przekazywał

5:36dane do Google Analytics.

5:38Natomiast samego Google Analytics jeszcze nie mamy skonfigurowanego, więc musimy go

5:42teraz dodać i zrobimy to właśnie z pomocą Tag Managera.

5:45Nie, właśnie dodając kod Google Analytics, tylko dodamy sobie na Google Analytics

5:49nowe konto, tak jakbym je tworzył.

5:51Będzie to konto w moim przypadku easy.

5:54Odznaczę sobie te wszystkie zgody.

5:56Wybiorę polecenie dalej.

5:57Nazwa usługi to będzie easy.

5:59Zostawię sobie stan i dolara na razie i oznacza, że to jest na

6:04przykład mała firma.

6:06Nie wiem. Na przykład finanse.

6:08To tutaj mamy następny i jakie są nasze cele?

6:12Zwiększenie sprzedaży.

6:14Badanie zadań. Dobra.

6:15Wybieram polecenie Utwórz.

6:16Akceptuję zgodę.

6:18No i teraz otworzy nam się właśnie możliwość zbierania danych dla sieci.

6:22Wybieram polecenie sieć.

6:24Teraz URL witryny też wrzucę sobie tutaj ten URL naszej witryny bez tej

6:29końcówki pricing oczywiście.

6:31I tutaj muszę pominąć tylko HTTPS.

6:37I powiem, że to jest strumień easy.

6:39Wybieram polecenie utwórz i kontynuuj.

6:44No i mam tutaj informacje o identyfikatorze, o identyfikatorze pomiaru

6:48i te informacje będziemy mogli wykorzystać w menedżerze tagów.

6:51Jeśli wybiorę sobie tutaj nowy tak, teraz powiem, że to jest GA.

6:55Tak.

6:57To będziemy mogli wybrać konfigurację.

6:59Mam tutaj Google Analytics.

7:02Mamy tutaj tag Google, a następnie mamy identyfikator tagu i ten

7:06identyfikator naszego tagu.

7:07Identyfikator pomiaru możemy skopiować sobie stąd, a następnie

7:11możemy go wrzucić tutaj.

7:13No i te pozostałe ustawienia zostawiam bez zmian.

7:17Wybieram polecenie zapisz.

7:19I jeszcze muszę dodać regułę, czyli wybieram polecenie Dodaj reguły.

7:22I wybieram sobie wyświetlenia strony.

7:25Czyli w momencie gdy nasze strony będą się wyświetlać, to zawsze będzie

7:29wczytywane ten Google Analytics. Tak?

7:31Co powinno przekazywać dane do Analyticsa?

7:34No i teraz możemy to sprawdzić.

7:36Mamy asystenta.

7:40Jeszcze raz wybierzmy, prześlij, teraz publikuj

7:44i będziemy chcieli przejść do naszego asystenta,

7:49czyli w obszarze roboczym i jeszcze raz wybrać sobie podgląd,

7:54połączyć się z naszą stroną.

7:58Poczekać na to połączenie tutaj i teraz.

8:01Zobaczymy, że uruchomił się ten nasz tag, czyli ten Google Analytics.

8:07Tag został uruchomiony jeden raz.

8:09Identyfikator.

8:10Zostało to uruchomione i teraz, jeśli przeszlibyśmy do analityki,

8:15to moglibyśmy sobie to zamknąć.

8:18Wybieram polecenie Dalej przejdź na główną stronę.

8:22No i możliwe, że tutaj w raportach i w czasie rzeczywistym

8:26powinniśmy już tą wizytę mieć.

8:29I faktycznie jest tak, że wygląda na to, że jest ok.

8:33Mamy page view, mamy session start, coś tutaj widać.

8:35Także to działa.

8:36Natomiast te dane czasem są opóźnione i no trzeba mieć to na uwadze, że że mogą one

8:42faktycznie od razu tutaj nie dotrzeć.

8:44Natomiast to pokazuje, że wszystko mamy załadowane poprawnie i teraz naszym

8:48zadaniem jest wysłać zdarzenie do tego Google Analytics po

8:51kliknięciu na przycisk.

8:53W związku z tym będziemy potrzebowali.

8:56Dobra, zostawmy sobie debugger.

8:57Będziemy potrzebowali stworzyć kolejny tag.

9:00Wybieram polecenie Dodaj nowy tag.

9:02No i będzie to click try free.

9:08Wybieram konfigurację tagu i wybiorę tutaj możliwość przesłania zdarzenia do Google

9:14Analytics, czyli wybieram sobie Google Analytics i Google Analytics.

9:18Zdarzenie Ga4.

9:20Następnie mamy coś takiego jak identyfikator pomiaru.

9:23I teraz, jeśli chodzi o ten identyfikator pomiaru.

9:26I tutaj mamy nazwę zdarzenia.

9:29Podajemy tutaj ten nasz identyfikator pomiaru ponownie.

9:32Mamy kontener, mamy znaleziony Google Tag.

9:34Ok, w porządku, więc możemy podać nazwę zdarzenia, na przykład Click4Free.

9:40W ten sposób i jako regułę musimy wybrać, że ten tag ma się odpalić na.

9:46I mamy tutaj te nasze kliknięcia.

9:48Kliknięcie na wszystkie elementy, które stworzyliśmy.

9:50Możemy tu wybrać, ale możemy teraz sobie wyedytować ten trigger,

9:54który stworzyliśmy. Mamy kliknięcie wszystkie elementy.

9:57Ja sobie go w edytuje i wybiorę tylko niektóre kliknięcia.

10:00No i tu możemy wybrać szereg rzeczy.

10:03Na przykład możemy wybrać page URL i możemy wybrać, że on zawiera na przykład

10:10tą naszą stronę pricingu, którą sobie stworzyliśmy wcześniej, czyli page URL

10:15zawiera pricing i wtedy będę właśnie odnotowywał to kliknięcie i

10:21uruchamiał odpowiedni tag.

10:22W momencie, gdy ktoś kliknie i przejdzie na tą stronę.

10:26Wybieram polecenie Zapisz.

10:29Wybieram polecenie prześlij.

10:31Publikuję ten kontener jeszcze raz i znowu jesteśmy w tym trybie debugowania.

10:39Upewnijmy się tylko, może zamknę tę stronę i uruchomię go jeszcze raz.

10:46Wybieram polecenie Podgląd.

10:47No i upewnimy się, że ten tag jest zostanie uruchomiony.

10:51Jeśli zostanie uruchomiony, to znaczy, że do Google Analytics.

10:54Po kliknięciu na ten przycisk, po przejściu na tą naszą

10:57stronę pricing zostanie.

10:58I teraz kliknę go sobie.

11:00Zostanie wysłane zdarzenie.

11:02No i tutaj jak przejdziemy sobie po tych zdarzeniach to zobaczymy, że

11:05otworzyła nam się strona Pricing.

11:07I tutaj na otwarcie tej strony przy jej załadowaniu został uruchomiony nasz.

11:11Tak więc został on z powodzeniem wysłany do Google Analytics jako zdarzenie.

11:17Tych zdarzeń nie będziemy niestety widzieć w czasie rzeczywistym.

11:20Tutaj natomiast będą one się pojawiać w czasie chyba 24 godzin.

11:26Będą dostępne, więc warto poklikać, posprawdzać, no i zobaczyć czy te

11:30nasze zdarzenia działają poprawnie.

11:32I teraz nie będę już Ci tego szczegółowo pokazywał, ale na bardzo podobnej zasadzie

11:37będziesz chciał powiązać sobie i połączyć eventy no z tymi kluczowymi rzeczami,

11:41które zdiagnozuje, że na Twojej stronie są warte śledzenia.

11:45Będziesz mógł też w wewnątrz Google Analytics tutaj w sekcji Raporty i mamy

11:52tutaj badania użytkowników i zdarzenia.

11:54Będziesz mógł też w ustawieniach poszczególnym zdarzeniom przypisać.

11:58Na przykład właśnie tutaj jest informacja o tym, że są one teraz nazwane

12:01kluczowymi zdarzeniami.

12:02Czyli będziemy mogli przypisać, że niektóre z tych eventów są kluczowe i

12:06będziemy mogli lepiej je śledzić w ramach Analytics.

12:09No i jeśli chodzi o połączenie z pozostałymi na przykład pikselami, no to

12:14działa to na dokładnie identycznej zasadzie.

12:16Czyli dodajesz sobie nowy tag, Wybieramy sobie właśnie tagi.

12:21Tutaj odznacze ten pierwszy i dodam nowy.

12:25W konfiguracji tagu będę mógł połączyć się z dowolną usługą.

12:29Na przykład jeśli chciałbym Google Ads wykorzystać, no to mogę sobie

12:34tutaj wpisać Ads i mam śledzenie konwersji i remarketing na dokładnie

12:38tej samej zasadzie.

12:39Po prostu przechodzę do kampanii w Google Ads.

12:41Ach.

12:42Tam będę miał numery śledzenia i będę mógł połączyć ze sobą Google Ads z

12:48Google Tag Managerem.

12:49Mamy też możliwość na przykład nie wiem, czy właśnie przykładowo nie występuje

12:54tutaj Facebook, więc jeżeli chodzi o Facebooka, to wybralibyśmy niestandardowy

12:59kod HTML i wtedy w Meta Business Suite tutaj, gdzie mamy wydaje mi się, że

13:06wszystkie narzędzia event managera.

13:09Oczywiście zakładam, że moglibyśmy też zainstalować sam pixel Facebooka przez Tag

13:15Managera i tutaj, gdzie mamy zdarzenia dla na przykład Pixela, który

13:20działa nam na EasyCart.

13:21Moglibyśmy wybrać polecenie Add Events i Add Custom Conversion, a następnie

13:29moglibyśmy zdefiniować sobie te konwersje.

13:31No i później w następnym kroku dostaniemy kod HTML, który powinniśmy

13:36umieścić na naszej stronie.

13:37No i robimy to właśnie w ten sposób, wykorzystując niestandardowy kod HTML.

13:42A reguła to będzie na przykład.

13:43Znowu kliknięcie na tym guziku free, jeśli ten akurat chcemy event

13:47śledzić również w Facebooku.

13:49Pokazuję Ci to trochę na skróty, bo tak naprawdę trzeba by było przejść tą całą

13:53konfigurację po kolei, co chwilę by zajęło, bo to dużo kopiowania i wklejania.

13:57Ale też odsyłam Cię do tych materiałów, które poleciłem, czyli materiałów na

14:01EasyCart, tej playlisty oraz ewentualnie do kursu GA 4 i Tag Manager na Eduwebie,

14:05ponieważ tam wszystko jest bardzo dokładnie wytłumaczone.

14:08Moim celem teraz było pokazanie Ci jak mierzyć jakieś proste

14:12zdarzenie na stronie.

14:13No i teraz Twoim zadaniem jest przygotować sobie na przykład taką listę właśnie.

14:19Ja tutaj mam jakąś wcześniejszą wersję Webba, na której zrobiłem prostą

14:23prezentację jakie zdarzenia i gdzie chcę śledzić.

14:26Czyli przykładowo na jakiejś stronie, gdzie uruchamia się nowy okres próbny.

14:30Mam informację, kiedy to się wyświetli, jakie zdarzenie wysłać,

14:33jaki typ tego zdarzenia.

14:34No i tak naprawdę można te zdarzenia też sobie układać w jakieś

14:39większe kategorie, np.

14:40Miałem wszystkie zdarzenia zakupowe jako kategoria purchase i miałem różne

14:44akcje, czyli na przykład akcja.

14:45Tutaj było uruchomienie okna, później było kliknięcie na zakończ rejestrację,

14:50kliknięcie na kup z Facebookiem, kliknięcie na

14:54rozpoczęcie triala w momencie, gdy wychodzimy z tej strony i tak dalej.

14:57No i oczywiście tak szczegółowe tego rozpisanie na każdy guzik, na każdy, na

15:02każdą lokację nie jest konieczne na samym początku, ale właśnie w ten

15:06sposób mniej więcej się to robi.

15:07I możesz na początku ze screenować po prostu swoją stronę

15:11i rozpisać właśnie te najważniejsze akcje, że chce zbierać informacje o tym, że ktoś

15:15kliknął guzik try for free i chce zbierać informacje, że ktoś

15:19kliknął tutaj w sign up.

15:20Chce na przykład zbierać informacje, że ktoś ze scrollował więcej niż 60% strony i

15:25też bardzo łatwo tak i tak można ustawić.

15:27Chcę zbierać informację, że ktoś kliknął na dole w onboarding call i te wszystkie

15:32elementy chcemy kwalifikować jako jakieś zdarzenia.

15:35Jeszcze jedna rzecz, którą mogę Ci dopowiedzieć.

15:37Czasem te zdarzenia są na przykład tak jak na Facebooku, opisane jako

15:41szereg zdarzeń domyślnych.

15:42Przykładowo onboarding call moglibyśmy przypisać do zdarzenia domyślnego lead,

15:47który jest na Facebooku i wtedy Facebook w tym pikselu lepiej by też

15:52rozumiał to nasze zdarzenia, więc można sobie zobaczyć, jakie są

15:54te zdarzenia domyślne.

15:55Natomiast w przypadku tagowania przez Google Analytics sami byśmy nadawali im

16:00rozmaite nazwy i to, które z nich są dla nas ważne, dotyczyłoby tego, które z tych

16:05zdarzeń w Google Analytics oznaczymy jako kluczowe.

16:08Więc w zasadzie to można powiedzieć, że jest to trochę bardziej zaawansowana

16:12część związana z analityką.

16:14Tak jak mówię, nie chcę wchodzić w szczegóły, ale te szczegóły spokojnie

16:16możesz sobie przeklikać i możesz na swojej stronie uzupełnić te rzeczy,

16:21które Ci teraz pokazałem.

16:22Dzięki za uwagę w tej lekcji i do usłyszenia.