Konfigurowanie zdarzeń

Zdarzenia pozwalają mierzyć interakcje użytkowników w witrynie lub aplikacji. np. możesz mierzyć, kiedy ktoś wczytuje stronę, klika link i dokonuje zakupu. Google Analytics używa danych z zdarzeń do tworzenia raportów z informacjami o Twojej firmie. Więcej informacji

Z tego przewodnika dowiesz się, jak skonfigurować zalecane zdarzenia i zdarzenia niestandardowe w za pomocą tagu Google (gtag.js) lub Menedżera tagów Google. Ty nie muszą skonfigurować zdarzenia zbierane automatycznie i pomiar zaawansowany.

Masz już skonfigurowaną usługę Google Analytics i zaczynasz widzieć dane w raportach, ale chcesz zbierać więcej informacji, niż Analytics zbiera automatycznie, lub chcesz uzyskać dostęp do określonych funkcji Analytics.


Zanim zaczniesz

W tym przewodniku przyjęto założenie, że zostały już przez Ciebie wykonane te czynności:

Zakładamy też, że masz:

  • dostęp do kodu źródłowego swojej witryny,
  • rolę Edytujący na koncie Google Analytics,

Omówienie tagów Google (gtag.js)

Aby wysyłać zdarzenia do Google Analytics, użyj interfejsu API tagu Google (gtag.js). Interfejs API ma 1 funkcję o nazwie gtag() i za każdym razem, gdy chcesz wysłać zdarzenie do Google Analytics, musisz użyć polecenia składnia:

gtag('event', '<event_name>', {
 
<event_parameters>
});

W tym przykładzie funkcja gtag() zawiera:

  • Polecenie event, które informuje Google, że wysyłasz zdarzenie
  • Nazwa zalecanego lub niestandardowego zdarzenia
  • (Opcjonalnie) Zbiór parametrów, które dostarczają dodatkowe informacje. o wydarzeniu

Oto zalecane zdarzenie o nazwie screen_view z 2 następującymi: parametry:

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 sekcji JavaScript na Twojej stronie internetowej. Możesz ją na przykład dodać w tagach <script> lub w osobnym pliku JavaScript, który zaimportujesz do strony HTML.

Zdarzenia możesz dodawać do kodu JavaScriptu w dowolnym miejscu poniżej fragmentu kodu tagu Google. Google nie przetwarza danych ze zdarzeń umieszczonych nad tagiem 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 wysłać zdarzenie po kliknięciu przycisku (lub po innej akcji użytkownika), możesz dodać do zdarzenia dodatkowy kod JavaScript.

Wyświetlanie zdarzeń w Analytics

Zdarzenia i ich parametry możesz zobaczyć za pomocą raportów Czas rzeczywisty oraz Raporty DebugView. Pamiętaj, że raport DebugView wymaga dodatkowych przed jego użyciem. Te 2 raporty pokazują zdarzenia wywoływane przez użytkowników w Twojej witrynie.

Dalsze kroki