Analityka www dla Właścicieli Biznesu Google Analytics: Debugowanie - pluginy

0:00W przypadku debugowania naszego kodu po to, żeby sprawdzić czy prawidłowo działa

0:04nasza strona internetowa i są prawidłowo zbierane nasze eventy tudzież zdarzenia.

0:11I żeby to wszystko było raportowane w GA powinniśmy nauczyć się korzystać ze

0:17specjalnych pluginów tak zwanych debuggera czy ogólnie

0:21dodatków, które pozwolą nam to zweryfikować.

0:24I teraz poruszając się po naszej stronie tak naprawdę nie wiemy, czy jakiekolwiek

0:29informacje trafiają z tego źródła do naszego raportowania.

0:34Do zbierania danych więc powinniśmy zainstalować kilka dodatkowych pluginów.

0:40Zaproponuję kilka, z których sam bardzo często korzystam.

0:44Pierwsze to jest Analytics Debugger,

0:47kolejne to jest Google Analytics Debugger oraz ACL RF Data Layer Inspector.

0:52Ten jest troszeczkę bardziej rozbudowany z mojej perspektywy ze względu na to, że

0:56dzięki niemu będziemy mogli korzystać z postawionej piaskownicy do tego, żeby

1:01testować różnego rodzaju zdarzenia właśnie w oparciu o ten absurd, który tutaj mamy.

1:07I teraz, po zainstalowaniu tych wszystkich

1:10pluginów rekomenduję wyciągnięcie ich sobie tutaj na górę, żeby było wygodniej.

1:15Czyli zaznaczamy tutaj nasze piny.

1:20Dzięki temu będzie łatwiej nam tym zarządzać.

1:23I teraz jak one działają?

1:27Wchodząc na naszą stronę i poruszając się po niej.

1:30Tak naprawdę, tak jak wspomniałam

1:31wcześniej, nadal nie wiemy czy wszystko działa prawidłowo,

1:35ale jeżeli wejdziemy do przeglądania kodu, który tutaj się znajduje,

1:40następnie przejdziemy do elementu, który jest tutaj ukryty Analytics Debugger.

1:48Aktywujemy go.

1:51To nagle zaczynają się pojawiać informacje o tym, co znajduje się na naszej stronie.

1:57I tak jak tutaj widzimy, że mamy już załadowane Google Tag Manager.

2:02Tutaj możemy dodatkowo zweryfikować, które z naszych identyfikatorów dotyczących

2:07Google Tag Managera oraz Google Analytics 4 są wykorzystywane.

2:20I tutaj poruszając się po naszej stronie widzimy, że są wywoływane właśnie te

2:25zdarzenia dotyczące załadowania Google Tag Managera oraz GH4.

2:31Natomiast w tym konkretnym akurat

2:34Bloggerze nie widzimy dokładnie co w tej chwili jest wysyłane do GH4.

2:39Dlatego czasami warto jest mieć kilka

2:42różnych pluginów tylko po to, żeby zweryfikować, który aktualnie prawidłowo

2:47działa i czy rzeczywiście wysyła nam wszystkie informacje.

2:50Stąd czasami warto jest zainstalować np.

2:54ATS Wars po to, żeby jego uruchomić i móc później zobaczyć, że m.

3:00in. tutaj widać już dokładnie, które z

3:03elementów i jakich eventów są wysyłane do GH4.

3:08Tutaj mamy Event Page View.

3:10Tutaj mamy User Engagement, o którym później będę opowiadał troszeczkę więcej.

3:15Więc tutaj widzimy dokładnie jak event jest wysłany, czyli zdarzenie,

3:20które jest mierzone w GH4 oraz jakie parametry są wysyłane, żeby były one

3:26mierzone później i ewentualnie wykorzystywane w raportach.

3:29Można również uruchomić kolejny plugin do debugowania kodu, czyli ten wyłączamy.

3:40I jak widać tutaj już w tej chwili się nic nie pojawia jeżeli chodzi o debugowanie.

3:44Włączając drugi kod debugowania.

3:48On wówczas pokazuje nam wszystkie dane

3:50jeden po drugim, bez możliwości takiego rozwijania, tak jak

3:55było tam najpierw, czyli ma wszystko rozwinięte.

3:57Ma to swoje, tak jak ja to powtarzam plusy dodatnie i plusy ujemne.

4:02Chciałam również zwrócić uwagę, że w momencie kiedy debugger w ten sposób.

4:06Kod. Takie debugowanie kodu pozwala nam

4:09podglądanie każdej strony internetowej, jaką odwiedzamy.

4:14Natomiast to.

4:17Mimo tego, że debugger mamy to na własnej

4:20stronie, to zwrócił uwagę na to, że przechodząc do analityki i G4

4:25tutaj nie zawsze mogą nam się wyświetlić te informacje.

4:29Aby prawidłowo debugowania,

4:32czyli podglądać co się dzieje na naszej stronie w Debug View,

4:36zawsze rekomenduję wybrać opcję w Google Tag Managerze Podgląd.

4:43Podłączenie asystą do naszej strony właśnie w ten sposób.

4:48I dzięki temu tutaj poruszając się po naszej stronie.

4:52Mając informacje o tym, że jesteśmy

4:54podłączeni do systemu, żeby prawidłowo drukować stronę.

4:59Widzimy, co dzieje się na naszej stronie.

5:04Jesteśmy w stanie podglądać te wszystkie parametry, które są wyświetlane.

5:11I reasumując po co nam w ogóle debugowanie kodu?

5:14Po to, żebyśmy mogli wygodniej i w prostszy sposób weryfikować, czy to, co w

5:19rzeczywistości dzieje się na naszej stronie i czy prawidłowo są wysyłane

5:23wszystkie eventy, które chcielibyśmy mierzyć.

5:26To właśnie jest wykorzystanie pluginów, o których wcześniej wspominałem.

5:31Tylko po to, żeby żyło nam się wygodniej i prawidłowo.

5:36Dało się to wszystko instalować i weryfikować.