Analityka www dla Właścicieli Biznesu Google Analytics: Zdarzenie

0:00Wracając do tematu Google Managera, który

0:03będzie dla nas w tej chwili istotny do działania i nauczenia się, aby z niego

0:07korzystać i móc testować to, co będziemy robić.

0:10Ja w tej chwili wyłączyłem już tutaj

0:12śledzenie i zmienienie tego naszego sandbox owego kontenera.

0:19Natomiast Ty możesz to pozostawić, żeby nadal to funkcjonowało np.

0:22na Twoim i wrócę do standardowego konta, które dotyczy właśnie tego systemu.

0:30I teraz aby Google Tag Manager mógł lepiej

0:32funkcjonować, należy jego dodatkowo skonfigurować.

0:37W tej chwili mamy tylko i wyłącznie jedną

0:39pozycję, która nam umożliwia zbieranie tych podstawowych informacji.

0:43Natomiast aby to mogło działać w szerszym

0:46znaczeniu, powinniśmy dodatkowo uruchomić pozostałe elementy, które są dla nas

0:51istotne do śledzenia działań, które będą wykonywane na naszej stronie.

0:57Możemy aktywować wszystkie elementy dotyczące błędów.

1:01Również jednym z najważniejszych elementów jest śledzenie wszystkich kliknięć

1:07oraz elementów, które zostały kliknięcia na naszej stronie.

1:13Proponuję również aktywować parametry dotyczące formularzy.

1:17Ze względu na to, że wtedy mamy większe informacje o formularzach, które

1:21są wywoływane na naszej stronie oraz jeżeli na naszej stronie znajdują się

1:27jakieś filmy, szczególnie jeżeli są to filmy np.

1:30z YouTube'a, to też możemy to wszystko aktywować, żeby te parametry

1:35były automatycznie widoczne w Google Tag Managerze.

1:39Tak samo przewijanie strony.

1:44Oraz widoczność Tutaj jeżeli strona działa w troszeczkę

1:49innej technologii również możemy to aktywować i teraz aktywujemy podgląd.

1:55Mając aktywne te wszystkie parametry, które tutaj włączyliśmy.

1:59Mając tak aktywne i skonfigurowane

2:02wstępnie w ramach podglądu na naszym koncie Google Tag Manager

2:07będziemy mieli dużo więcej informacji, z których możemy korzystać.

2:12I teraz wchodząc na przykład na

2:14informacje o tym, jakie mamy zmienne, to proszę zobaczyć, że mamy już dużo

2:20większą ilość informacji dotyczącej tego, co dzieje się na naszej stronie.

2:25Oczywiście są to informacje, które w tej chwili są w dużej mierze puste, bo tak

2:30naprawdę nie mamy tutaj zbyt dużo szczegółów.

2:34Natomiast żeby móc zacząć z nich

2:36korzystać, powinniśmy dodać kolejne elementy do śledzenia.

2:40Wracamy do Menadżera tagów.

2:42Powinniśmy aktywować regułę, która pozwoli

2:45nam na śledzenie wszystkich kliknięć, które znajdują się na naszej stronie.

2:51I teraz, żeby aktywować tę regułę

2:53mierzenia wszystkich kliknięć, powinniśmy aktywować pozycję Wszystkie elementy.

2:59I teraz na czym polega?

3:01Tak jakby to, co w tej chwili zrobiliśmy.

3:04Zwróć uwagę na to, że w tej chwili tutaj, w naszej historii kliknięć,

3:10nie ma informacji o tym, że jakiekolwiek kliknięcie nastąpiło.

3:13I nie mamy tutaj żadnych parametrów po kliknięciu podanych.

3:17Natomiast jeżeli w tej chwili to ładujemy,

3:20czyli odświeżamy nasz sandbox i ten kontener.

3:30Klikniemy w cokolwiek, to mamy już informacje o naszych kliknięciach.

3:36I teraz mamy w cudzysłowie mówiąc puste kliknięcia, które możemy mierzyć nie tylko

3:40i wyłącznie w linki, które znajdują się na naszej stronie.

3:43Czyli jeżeli na naszej stronie znajduje się np..

3:49Tutaj ten element, to też zostanie on odznaczony.

3:55Naszej historii kliknięcia.

3:59I możemy podejrzeć, co tak naprawdę zostało.

4:02Wówczas klikniemy.

4:03Tutaj mamy wszystkie szczegóły dotyczące naszego kliknięcia.

4:09Jeżeli klikamy w link tak jak np.

4:12tutaj, to zwróć uwagę na to, że mamy

4:14informację o tekście, który został kliknięcie

4:18oraz linku, który został wywołany podczas tego kliknięcia.

4:24I teraz bardzo ważnym elementem jest to,

4:26co znajduje się również w pozycji Data layer.

4:32Data layer. Są to elementy, które są przekazywane,

4:37można powiedzieć w środowisku HTML owym tylko po to jako standardowe informacje,

4:43które możemy załadować i wykorzystywać później w Google Tag Managerze.

4:48Jeżeli np. wejdziemy na stronę sklepu.

4:53Jeśli wejdziemy do pozycji

4:56któregoś z naszych produktów, które znajdują się na sklepie.

5:01Plugin odpowiedzialny za ładowanie szczegółów dotyczących

5:04właśnie tego produktu oraz informacji przygotowanych przygotowanych do Google

5:09Analytics, automatycznie załaduje nam szczegóły, które znajdą się w Data Layer.

5:16Dzięki temu.

5:19Co znajduje się w tym miejscu.

5:21Mamy możliwość z automatu załadowania

5:24informacji o szczegółach dotyczących tego produktu i te wszystkie parametry, które

5:28są tutaj zdefiniowane wówczas zostaną przekazane do systemu z automatu.

5:35Aby Data Layer mogła prawidłowo działać,

5:37szczególnie jeżeli chodzi o rozszerzony eCommerce, powinniśmy wiedzieć, że nasze

5:43Data Layer powinno posiadać odpowiednią strukturę kodu.

5:48I teraz zapewne Ty akurat tym nie będziesz się zajmował.

5:52Natomiast Twoi programiści bądź

5:54ewentualnie osoby odpowiedzialne za tworzenie tych elementów powinni taką

5:59wiedzę posiadać i wiedzieć w jaki sposób to w odpowiedni sposób zaimplementować.

6:04Jeżeli tego nie wiedzą,

6:06wówczas warto jest podesłać im dokumentację do właśnie tej strony z

6:10informacją, że potrzebujecie, aby w ten sposób były wysyłane odpowiednie

6:15eventy do przeglądarki w kodzie JavaScript.

6:18Do tego, żeby wywołać zdarzenie, które

6:21później Ty będziesz mógł śledzić w swoim Google Analytics 4.

6:25Mając w ten sposób przygotowaną już wstępną wersję Google Tag Managera.

6:30Przejdźmy jeszcze z ciekawości do naszego formularza kontaktowego.

6:35Ja korzystam z pluginu, który nazywa się Contact Form 7.

6:42I wykorzystałem jego podstawowe ustawienia do tego, żeby wstawić ten formularz.

6:49Na stronie kontaktowej.

6:52Natomiast, żeby ten formularz prawidłowo

6:54mógł wykorzystywać swój potencjał oraz plugin dotyczący Google Tag Managera.

6:58Wracamy do pluginu dotyczącego analityki.

7:03Przechodzimy do integracji.

7:06I tutaj mamy Contact Form Seven.

7:10Musimy zaznaczyć te informacje, że chcemy, aby bardziej szczegółowe informacje były

7:15wysyłane w ramach naszej strony internetowej, żeby można

7:18było to jeszcze dokładniej wszystko śledzić, np.

7:21wywołując ten formularz kontaktowy.

7:26Wyskakują tutaj błędy.

7:28Możemy wrócić do naszego asystenta.

7:32I teraz zwrócił uwagę na to, że przy wywołaniu tego formularza

7:37mamy automatycznie wywołany nasz event form start oraz form submit.

7:44Są to standardowe wywołania właśnie dzięki temu, że w menedżerze tagów aktywować

7:52dodatkowe zmienne, które obsługują formularze.

7:57To są te pozycje,

7:59które pozwalają nam śledzić to, że na naszej stronie formularz został

8:04wysłany bądź nastąpiła próba wysłania formularza.

8:07Mankament jest taki, że te informacje nie są zbyt szczegółowe.

8:13Z perspektywy tego, że tutaj nie jesteśmy w stanie od razu określić,

8:17czy ten formularz prawidłowo został wysłany, czy też nie.

8:21W przypadku kiedy mówimy o dodatkowym pluginie i rozszerzeniu, który

8:25mamy właśnie dzięki Contact Form 7, to zwróć uwagę na to, że mamy tutaj

8:30wywołane 2 elementy jako Event Contact form submit

8:37oraz Invalid input, który daje nam informację o tym, że wystąpił błąd.

8:45Natomiast zwróć uwagę na to, że ten event.

8:49I mówi nam o błędzie, czyli że nie został wysłany formularz.

8:54Natomiast jeżeli wypełnimy wszystkie pozycje.

8:57Zatwierdzić go.

8:59Wrócimy do debuggera.

9:06Wyświetliła się informacja, że formularz został wysłany.

9:10To w tym miejscu nie mamy już pozycji informującej o tym,

9:14że wystąpił błąd w polach, tylko mamy informację.

9:18Form Seven Mail Center

9:21jest to nasze zdarzenie, z którego będziemy później korzystać.

9:25Do tego, żeby mierzyć to jako jeden z elementów naszych zdarzeń, które będą

9:32oznaczone jako pewnego rodzaju sukces na naszej stronie, czyli konwersja.

9:39Aby przejść dalej i zakończyć pierwsze

9:42takie konfigurowanie naszego Google Tag Managera.

9:47Przejdźmy do naszego kontenera i opublikujemy to.