E-commerce w GA4 (gtag.js): wysyłanie zdarzeń GA4

Z tego przewodnika dowiesz się, jak przenieść dotychczasową implementację e-commerce gtag.js Universal Analytics do korzystania ze zdarzeń e-commerce w Google Analytics 4.

Odwiedź Centrum migracji dla deweloperów, aby zapoznać się z dodatkowymi przewodnikami i materiałami dotyczącymi migracji.

Wynik

Zgodnie z tym przewodnikiem wdrożysz zdarzenia e-commerce Google Analytics 4 w nowej usłudze w GA4 i użyjesz tej nowej implementacji do wypełniania dotychczasowych raportów Universal Analytics. Twoja obecna implementacja Universal Analytics zostanie zmieniona tak, aby otrzymywać dane e-commerce GA4.

Zanim zaczniesz

  1. Za pomocą pomocy do migracji e-commerce sprawdź, czy Twoja aktualna implementacja została opisana poniżej:

    • Używasz usługi w Universal Analytics
    • Twoja witryna używa biblioteki gtag.js do wysyłania zdarzeń e-commerce

  2. Zapoznaj się z opcjami migracji w przypadku implementacji e-commerce, aby poznać wady każdej z nich. Potwierdź, że rzeczywiście chcesz postępować zgodnie z tym przewodnikiem, aby używać zdarzeń e-commerce Google Analytics 4 w obecnej implementacji tagu gtag.js Universal Analytics.

  3. Z artykułu Dokumentacja zgodności zdarzeń dowiesz się, jak są przekształcane zdarzenia UA wysyłane do usługi w GA4.

Kompromisy i kwestie

Zapoznaj się z podanymi niżej informacjami, aby w pełni zrozumieć konsekwencje korzystania ze zdarzeń e-commerce Google Analytics 4 przy obecnej implementacji e-commerce tagu gtag.js (Universal Analytics).

Zalety Wady
  • Umożliwia wyświetlanie danych e-commerce zarówno w raportach GA4, jak i Universal Analytics.
  • Korzystanie ze zdarzeń i parametrów GA4 zapewnia kompletne raporty e-commerce w GA4.
  • Wymaga zmiany dotychczasowych zdarzeń e-commerce.
  • Nie wszystkie zdarzenia i parametry GA4 mają swoje odpowiedniki w Universal Analytics. Parametry shipping_tier, discount, currency, location_id, promotion_name i promotion_id nie mają odpowiednika w Universal Analytics i nie pojawią się w raportach Universal Analytics.

Implementacja

1. Aktualizowanie implementacji e-commerce

Zaktualizuj dotychczasową implementację e-commerce, aby zacząć korzystać ze zdarzeń e-commerce Universal Analytics na zdarzenia Google Analytics 4. Gdy wykonasz ten krok, Twoja usługa w Universal Analytics będzie otrzymywać zdarzenia e-commerce GA4. Zapoznaj się z informacjami o wydatkach i uwagach, aby poznać konsekwencje tej aktualizacji.

Aby uzyskać pomoc przy aktualizacji, skorzystaj z tych materiałów:

2. Tworzenie i konfigurowanie nowej usługi w GA4

Po zaktualizowaniu implementacji e-commerce pod kątem wysyłania zdarzeń e-commerce GA4, wykonaj jedną z tych czynności, aby zacząć wysyłać dane do nowej usługi w Google Analytics 4.

Opcja 1. Użyj Asystenta konfiguracji usługi w Google Analytics 4 i włącz połączone tagi witryny

Asystent konfiguracji usługi w Google Analytics 4 automatycznie utworzy nową usługę w GA4 i skopiuje z niej te ustawienia: nazwa usługi, adres URL witryny, strefa czasowa i ustawienia waluty. Możesz też włączyć funkcję połączonego tagu witryny, aby korzystać z dotychczasowej implementacji tagu gtag.js Universal Analytics w celu wczytywania nowej usługi w GA4.

Aby utworzyć i skonfigurować nową usługę w Google Analytics 4, wykonaj czynności opisane w artykule Asystent konfiguracji usługi w Google Analytics 4. Aby korzystać z funkcji połączonego tagu witryny, zaznacz opcję Włącz zbieranie danych za pomocą istniejących tagów.

Opcja 2. Zaktualizuj fragment kodu gtag.js

  1. Utwórz nową usługę Google Analytics 4.
    • Aby dodać usługę Google Analytics 4, użyj Asystenta konfiguracji usługi w Google Analytics 4. Gdy pojawi się prośba podczas konfiguracji, odznacz opcję Włącz zbieranie danych, korzystając z istniejących tagów. Możesz też utworzyć usługę w Google Analytics 4 bez korzystania z Asystenta konfiguracji usługi w Google Analytics 4. Zaletą Asystenta jest to, że skopiuje on niektóre podstawowe ustawienia z usługi w Universal Analytics.
  2. Znajdź identyfikator tagu usługi Google Analytics 4.
  3. Dodaj usługę Google Analytics 4 do dotychczasowego fragmentu kodu gtag.js, używając polecenia config z identyfikatorem tagu.

Poniżej znajdziesz przykładowy fragment kodu gtag.js, w którym skonfigurowano usługę Universal Analytics i Google Analytics 4:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID');  // Google Analytics 4 property
</script>