Śledzenie zdarzeń w Google Analytics – poradnik

Chciałbyś zoptymalizować swoją stronę pod względem konwersji oraz user experience? Śledzenie zdarzeń w Google Analytics z pewnością pomoże Ci to spełnić.

Nieodzowną częścią każdej strony internetowej są przyciski, obrazki lub linki. Ponadto tworzymy różne ścieżki wewnętrzne, które nakierowują użytkowników do zakupów lub do rejestracji w serwisie.

Umieszczamy wszędzie filmiki oraz linki do profili społecznościowych. Jednakże kliknięcia we wszystko, co wymieniłem, nie są zbyt dobrze rejestrowane w Google Analytics. Możesz zobaczyć w panelu przepływ zachowań, czyli różne ścieżki nawigacji z jednej podstrony do drugiej. Wobec tego, w jaki sposób użytkownik dostał się tam?

To wszystko jest ukryte.

Jak zmierzyć, czy pomarańczowy przycisk na niebieskim tle będzie lepiej konwertował, niż niebieski przycisk na fioletowym tle?

Wybierając śledzenie zdarzeń w Google Analytics.

Co to jest śledzenie zdarzeń w Google Analytics?

W ramach usługi Google Analytics możemy śledzić różne zdarzenia na stronie internetowej.

Zdarzenie jest interakcją lub aktywnością danego użytkownika z elementem witryny internetowej, która jest śledzona w GA.

Elementami, które możemy śledzić, są:

  1. filmy wideo
  2. gadżety
  3. podcasty
  4. przyciski
  5. formularze
  6. pasek przewijania
  7. link zewnętrzny oraz wewnętrzny
  8. lightbox
  9. zawartość Ajax itd.

Poniżej przedstawiam przykłady interakcji lub działań użytkowników, które możemy śledzić w Google Analytics:

  1. Pobieranie pliku.
  2. Zawartości Ajax, JavaScript, czy nawet Flash.
  3. Dynamicznie tworzoną podstronę.
  4. Okienka pop-up, lightboxy.
  5. Otwieranie filmiku video.
  6. Przewijanie strony.
  7. Oglądanie filmiku video.
  8. Oglądanie filmiku do określonego momentu.
  9. Klikanie przycisku pauzy czy startu w filmie video.
  10. Interakcje z gadżetami.
  11. Klikanie w obrazek, link zewnętrzny lub wewnętrzny.
  12. Porzucanie pól w formularzach.
  13. Logowanie.
  14. Udostępnianie wpisów, zdjęć czy filmików.
  15. Drukowanie artykułów.
  16. Klikanie w przyciski.
  17. Ruch myszy użytkownika.

Śledzenie zdarzeń w Google Analytics – rodzaje

Każdy użytkownik oddziałuje z elementami strony internetowej poprzez mysz, klawiaturę, ramkę (iframe) lub formularz. W związku z tym śledzenie zdarzeń w Google Analytics możemy podzielić na kilka kategorii:

  • Zdarzenia przy użyciu myszki – interakcje użytkowników między stroną internetową a myszką.
  • Zdarzenia przy użyciu klawiatury – interakcje użytkowników między stroną internetową a klawiaturą.
  • Zdarzenia przy użyciu ramki – interakcje użytkowników między stroną internetową a ramką.
  • Zdarzenia przy użyciu formularza – interakcje użytkowników między stroną internetową a osadzonym na niej formularzem.

Wszystkie te zdarzenia mogą (ale nie muszą) generować odsłony różnych podstron w momencie ich wystąpienia.

Wobec tego możemy wyróżnić kolejne dwie główne kategorie zdarzeń w Google Analytics:

  1. Zdarzenia, które generują odsłony w momencie ich wystąpienia np. kliknięcie wewnętrznego linka.
  2. Zdarzenia, które nie generują żadnych odsłon, kiedy występuje np. kliknięcie w link zewnętrzny, ładowanie zawartości Ajax lub Flash, pobieranie plików, oglądanie wideo, przewijanie strony itp.

Domyślnie w Google Analytics nie można śledzić zdarzeń, które nie generują żadnych odsłon. Jednakże możesz takie wydarzenia śledzić poprzez wirtualne odsłony.

Śledzenie zdarzeń w Google Analytics – struktura zdarzeń

Zdarzenie w GA składa się z następujących elementów:

Kategoria zdarzenia

Jest to nazwa przypisana do grupy podobnych zdarzeń, które chcesz śledzić – czytanie treści czy filmy wideo itp.

Kategoria zdarzeń w Google Analytics

Akcja zdarzenia

Jest to nazwa przypisana do rodzaju zdarzenia, które chcesz śledzić dla określonego elementu strony internetowej np. odtwarzanie filmu, pauza, 0% itp.

Akcja zdarzenia w Google Analytics

Etykieta zdarzenia

To nazwa przypisana do elementu strony internetowej, który chcesz śledzić poprzez interakcję z użytkownikami. Etykietą zdarzenia może być np. tytuł filmu, tytuł strony internetowej, nazwa gadżetu, nazwa pliku do pobrania itp.

Etykieta zdarzenia w Google Analytics

Wartość zdarzenia

Jest to wartość liczbowa przypisana do zdarzenia, które chcesz śledzić. Wartością zdarzenia może być np. czas pobierania pliku, długość nagranego wideo lub wartość pieniężna.

Wartość zdarzenia w Google Analytics

Non Interaction

Służy do oznaczenia zdarzenia jako interaktywne lub nie. To pole może mieć wartość true (prawda) lub false (fałsz). Domyślną wartością jest zawsze fałsz, co oznacza, że każde zdarzenie jest traktowane odgórnie jako interaktywne i będzie miało wpływ na współczynnik odrzuceń.

Jeżeli chcesz, aby zdarzenie nieinteraktywne nie miało wpływu na wartość współczynnika odrzuceń, musisz je odpowiednio ustawić.

{‘nonInteraction’: true} // służy do oznaczenia zdarzenia jako nieinteraktywne
{‘nonInteraction’: 1} // można również użyć "1"

Uwaga! Nie ma żadnej reguły dotyczącej, jakie dane możesz umieścić w kategorii zdarzenia, akcji zdarzenia, etykiecie zdarzenia oraz wartości zdarzenia tak długo, jak przypisujesz wartość tekstową do kategorii, akcji oraz etykiety, a wartość liczbową do wartości zdarzenia.

Jak ustawić śledzenie zdarzeń w Google Analytics?

Przejdźmy w końcu do technicznych spraw i nauczmy się tego, w jaki sposób ustawić śledzenie zdarzeń w Google Analytics.

Wobec tego, aby Google Analytics zaczęło zliczać zdarzenia, musisz zaprogramować różne interakcje na swojej stronie internetowej.

Przykładowe zdarzenie:

ga(‘send’, {
‘hitType’: ‘event’,
‘eventCategory’: [category],
‘eventAction’: [Action],
‘eventLabel’: [Label],
‘eventValue’: [Value],
‘nonInteraction’: true
});

Pola eventCategory, eventAction, eventLabel oraz eventValue służą do wysyłania danych do Google Analytics. Ostatni fragment kodu, czyli nonInteraction, jest obiektem pola.

W tym momencie musisz zacząć odróżniać, czym jest pole, a czym obiekt. Wobec tego odsyłam Cię do odpowiedniego artykułu o komendach Google Analytics.

Uwaga! Określenie pola kategorii zdarzenia jest obowiązkowe. Natomiast akcja, etykieta oraz wartość są opcjonalne i nie musisz ich definiować.

Przykład:

ga(‘send’, {
‘hitType’: ‘event’,
‘eventCategory’: ‘video’,
‘eventAction’: ‘Play’,
‘eventLabel’: ‘o-obrotach-sfer-niebieskich’,
‘eventValue’: 100,
‘nonInteraction’: true
});

Można skrócić powyższy przykład, nie używając nazwy pól.

ga(‘send’,’event’,’video’,’Play’,’o-obrotach-sfer-niebieskich’,100,{‘nonInteraction’: true});
});

Google Analytics będzie automatycznie zakładać, że:

  • Kategorią zdarzenia jest „video”.
  • Akcją zdarzenia jest „Play”.
  • Etykietą zdarzenia jest „o-obrotach-sfer-niebieskich”.
  • Wartość zdarzenia to 100.

Jeżeli nie podasz nazwy pól, musisz pamiętać o kolejności.

Kategoria zdarzenia → Akcja zdarzenia → Etykieta zdarzenia → Wartość zdarzenia.

Ponieważ wartości pól są gromadzone w takiej kolejności, w jakiej są dostarczane, to gdybym zmienił ich kolejność, mój kod śledzenia zdarzeń będzie działał w nieodpowiedni sposób lub – co grosza – wcale.

Co wtedy, jeżeli nie chcemy używać któregoś pola, np. etykiety?

Błędny przykład:

ga(‘send’,’event’,’video’,’Play’,100);

Pominęliśmy etykietę zdarzenia. Jednakże zrobiliśmy to źle i Google Analytics odczyta teraz etykietę jako „100”. Wobec tego, jeżeli chcemy opuścić jedno pole, musimy je zostawić puste.

Poprawny przykład:

ga(‘send’,’event’,’video’,’Play’,’’,’100’);

Oczywiście można pominąć wszystkie problemy z kolejnością, używając nazw pól:

Przykład:

ga(‘send’, {
‘hitType’: ‘event’,
‘eventCategory’: ‘videos’,
‘eventAction’: ‘Play’,
‘eventValue’: 100
});

Preferuję używanie nazw pól, ponieważ sprawia to, że kod jest przejrzysty oraz łatwy do zrozumienia.

Zapamiętaj! Kategoria, akcja oraz etykieta zdarzenia muszą przyjmować wartość tekstową, a pole wartości zdarzenia wartość liczbową. Domyślne wartości tych pól są oznaczone jako none.

Duplikowanie zdarzeń w Google Analytics

Od razu przestrzegam przed duplikowaniem akcji zdarzeń.

Dlaczego?

Już wyjaśniam. Spójrzmy na te przykłady:

ga(‘send’, ‘event’,’video’, ‘Play’,’Superman-vs-Batman’,10);
ga(‘send’, ‘event’,’video’, ‘Play’,’Kac Vegas’,10);
ga(‘send’, ‘event’,’video’, ’Play’,’Wsciekle-psy’,10);

Jeżeli użytkownik kliknie w dwa różne filmy typu „Kac Vegas” oraz „Wściekłe psy”, to zauważ, że mają taką samą akcję Play. W tym przypadku śledzenie zdarzeń w Google Analytics zgłosi tylko jedno unikalne zdarzenie, nawet wtedy, gdy użytkownik kliknie w dwa różne filmy.

Wobec tego musisz pamiętać, żeby akcja zdarzenia była zawsze unikana.

Na przykład:

ga(‘send’, ‘event’,’video’, ‘Play-Sup-vs-Bat’,’Superman-vs-Batman’,10);
ga(‘send’, ‘event’,’video’, ‘Play-Kac-Vegas’,’Kac Vegas’,10);
ga(‘send’, ‘event’,’video’, ’Play-Wsciekle-psy’,’Wsciekle-psy’,10);

Obsługa zdarzeń myszy w Google Analytics

Najczęściej używanymi zdarzeniami są kliknięcia myszy onClick.

Zdarzenie (event) onClick jest rejestrowane wtedy, gdy klikniemy dany element na stronie internetowej np. link czy przycisk.

Przykładowo:

<button onClick=”ga(‘send’, ‘event’, ‘video’, ‘Play’, ‘o-obrotach-cial-niebieskich’, 10);“>Obejrzyj ten Film!</button>

Powyższy kod będzie śledził ilość kliknięć w film poprzez kliknięcie w przycisk.

Kolejny przykład:

<a href=”https://www.domena.com/poradniki/ga-event-tracking.pdf” onClick=”ga(‘send’, ‘event’, ‘guides’, ‘download-ga-event’, ‘ga-event-tracking.pdf’, 10);“>Pobierz poradnik - śledzenie zdarzeń w Google Analytics</a>

Powyższy kod będzie zliczał ilość pobrań przewodnika – śledzenie zdarzeń w Google Analytics.

Następny przykład:

<a href=”mailto:mail@domena.com ” onClick=”ga(‘send’, ‘event’, ‘Email’, ‘wyslij’, ‘mail@domena.com’);“>mail@domena.com </a>

Tutaj mamy przykład kodu, który będzie śledził liczbę wysłanych e-mail na podany adres.

Oprócz zdarzenia onClick, można używać jeszcze ondblclick, onmouseover i onmouseout. Każde z tych zdarzeń JavaScript może być używane do wykonania kodu śledzenia zdarzeń w Google Analytics.

Uwaga! Należy unikać śledzenia zdarzeń wysoko powtarzalnych tj. ruch myszy, ponieważ nie można śledzić w GA więcej niż 500 zdarzeń na jedną sesję.

Śledzenie zdarzeń w Google Analytics – formularze

Najczęstszą formą obsługi takich zdarzeń jest onSubmit.

Procedura onSubmit wykonuje się wtedy, gdy prawidłowo zostanie złożony formularz.

Przykładowo:

<form name=”wyslij-zapytanie” action=”podziekowanie.php” onsubmit=”ga(‘send’, ‘event’, ‘Form’, ‘Wyslane-zapytanie’);“>

Oprócz onSubmit możemy z powodzeniem używać onBlur, onChange, onReset czy onSelect.

Jak sprawdzić poprawność kodu, który wykonuje śledzenie zdarzeń w Google Analytics?

Istnieją dwa sposoby, dzięki którym można mieć pewność, że śledzenie zdarzeń działa zgodnie z założeniami.

1. Sprawdzając raport zdarzeń w zakładce na żywo.

Zdarzenia na żywo w Analytics Google

2. Wykorzystując wtyczkę Google Analytics Debugger.

Oczywiście preferuję metodę drugą, ponieważ wtyczka pozwala na analizę szczegółowych informacji o zdarzeniach.

Ponadto Google Analytics Debugger zapewnia komunikaty o błędach w przypadku, gdy zdarzenie nie jest poprawnie skonfigurowane.

Analytics Google Debugger

Śledzenie zdarzeń w Google Analytics – podsumowanie

Odpowiednie śledzenie zdarzeń w Google Analytics pomoże Ci dostrzec, które elementy Twojej strony internetowej są lepiej odbierane przez użytkowników oraz te elementy, które są pomijane lub całkowicie ignorowane.

Usprawnienie i optymalizacja ścieżek konwersji jest kluczem do sukcesu. Dlatego też śledzenie zdarzeń w Google Analytics jest tak ważne.

Artykuł oceniono na:
5 (6 głosów)

Jakub Ozorowski

Co-founder agencji interaktywnej MobileTry z Olsztyna, świadczącej kompleksowe usługi przede wszystkim małym firmom. Specjalizacją agencji jest tworzenie stron internetowych i sklepów internetowych. Ponadto MobileTry prowadzi kampanie reklamowe w internecie oraz oferuje usługi z zakresu pozycjonowania.

Spodobają Ci się również: