Zdarzenia umożliwiają pomiar interakcji użytkowników w witrynie lub aplikacji. Możesz np. mierzyć, kiedy ktoś wczytuje stronę, klika link i dokonuje zakupu. Google Analytics wykorzystuje dane ze zdarzeń, aby tworzyć raporty z informacjami o Twojej firmie. Więcej informacji
Z tego przewodnika dowiesz się, jak skonfigurować w witrynie zalecane zdarzenia i zdarzenia niestandardowe za pomocą tagu Google (gtag.js) lub Menedżera tagów Google. Nie musisz konfigurować zdarzeń zbieranych automatycznie ani objętych pomiarem zaawansowanym.
Odbiorcy
Masz już skonfigurowaną usługę Google Analytics i widzisz w raportach dane, ale chcesz zbierać więcej informacji niż te zbierane automatycznie lub chcesz mieć dostęp do określonych funkcji i możliwości Analytics.
Zanim zaczniesz
W tym przewodniku przyjęto założenie, że zostały już przez Ciebie wykonane te czynności:
- utworzenie konta i usługi Google Analytics 4,
- utworzenie na potrzeby witryny strumienia danych z sieci,
- Umieszczanie tagu Google w witrynie
Zakładamy też, że masz:
- Dostęp do kodu źródłowego witryny
- rolę Edytujący na koncie Google Analytics,
Konfigurowanie zdarzeń
Aby wysyłać zdarzenia do Google Analytics, używaj interfejsu API gtag.js. Interfejs API ma jedną funkcję o nazwie gtag()
, a za każdym razem, gdy chcesz wysłać zdarzenie do Google Analytics, użyj tej składni:
gtag('event', '<event_name>', {
<event_parameters>
});
W tym przykładzie funkcja gtag()
zawiera:
- Polecenie
event
, które informuje Google o tym, że wysyłasz zdarzenie - Nazwa zalecanego lub niestandardowego zdarzenia
- (opcjonalnie) zbiór parametrów, które dostarczają dodatkowych informacji o zdarzeniu.
Na przykład to jest zalecane zdarzenie o nazwie screen_view
z 2 parametrami:
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
Dodawanie zdarzeń do kodu JavaScript
gtag()
to funkcja JavaScript, więc musisz ją dodać do kodu JavaScriptu na swojej stronie internetowej. Możesz np. dodać tę funkcję między tagami <script>
lub w oddzielnym pliku JavaScript zaimportowanym na stronę HTML.
Zdarzenia możesz dodawać do kodu JavaScript w dowolnym miejscu poniżej fragmentu kodu tagu Google.
Google nie będzie przetwarzać danych ze zdarzeń umieszczonych nad fragmentem kodu tagu Google. Na przykład ten przykładowy kod zawiera zdarzenie o nazwie screen_view
w tagu <script>
:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title of the page</title>
</head>
<body>
<p>Welcome to my website!</p>
<script>
/**
* The following event is sent when the page loads. You could
* wrap the event in a JavaScript function so the event is
* sent when the user performs some action.
*/
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
</script>
</body>
</html>
Jeśli chcesz wysyłać zdarzenie po kliknięciu przycisku (lub innej czynności użytkownika), możesz dodać do zdarzenia dodatkowy kod JavaScript.
Wyświetlanie zdarzeń w Analytics
Zdarzenia i ich parametry możesz przeglądać w raportach Czas rzeczywisty i DebugView. Pamiętaj, że raport DebugView wymaga dodatkowej konfiguracji, zanim będzie można go używać. Te 2 raporty wskazują zdarzenia wywoływane przez użytkowników w Twojej witrynie w miarę ich wywoływania przez nich.
Dalsze kroki
- Aby dodać do zdarzeń więcej informacji, skonfiguruj parametry zdarzeń.
- Oznacz zdarzenia jako konwersje.