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

Z tego przewodnika dowiesz się, jak utrzymywać osobne wdrożenia e-commerce w tagach gtag.js Universal Analytics i Google Analytics 4.

Odwiedź Centrum migracji dla deweloperów, aby zapoznać się z dodatkowymi przewodnikami po uaktualnieniu i zasobami.

Wynik

Zgodnie z tym przewodnikiem wdrożysz zdarzenia e-commerce Google Analytics 4 w nowej usłudze w GA4, ale zachowasz dotychczasową implementację e-commerce w Universal Analytics. Ty będziesz wysyłać osobne zdarzenia e-commerce zarówno do usługi Universal Analytics, jak i do usługi Google Analytics 4.

Pamiętaj, że gdy implementujesz e-commerce zarówno w UA, jak i w GA4, usługa w Google Analytics 4 będzie korzystać z implementacji 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 uaktualnienia implementacji e-commerce, aby poznać wady każdej opcji. Potwierdź, że chcesz postępować zgodnie z tym przewodnikiem i masz 2 implementacje analityki: jedną do obsługi usługi Universal Analytics i jedną do usługi w Google Analytics 4.

Kompromisy i kwestie

Zapoznaj się z podanymi niżej informacjami, aby w pełni zrozumieć konsekwencje posiadania 2 implementacji e-commerce – jednej dla usługi Universal Analytics, a drugiej dla usługi w Google Analytics 4.

Zalety Wady
  • Umożliwia wyświetlanie danych e-commerce zarówno w raportach GA4, jak i Universal Analytics.
  • Nie zmienił się sposób zbierania ani raportowania danych e-commerce w usłudze w Universal Analytics.
  • Korzystanie ze zdarzeń i parametrów GA4 zapewnia kompletne raporty e-commerce w GA4.
  • Wymaga wdrożenia zdarzeń e-commerce GA4.
  • Twoja witryna wysyła 2 zestawy zdarzeń: jeden dla Universal Analytics i jeden dla GA4. Może to wpłynąć na skuteczność.

Implementacja

1. Tworzenie i konfigurowanie nowej usługi w GA4

Aby utworzyć i skonfigurować nową usługę w Google Analytics 4:

  1. Utwórz nową usługę Google Analytics 4.
    • Aby automatycznie utworzyć nową usługę w GA4, użyj Asystenta konfiguracji usługi w Google Analytics 4 i skopiuj z niej te ustawienia: nazwa usługi, adres URL witryny, strefa czasowa i ustawienia waluty. Odznacz opcję Włącz zbieranie danych, korzystając z istniejących tagów, aby wyłączyć funkcję połączonego tagu witryny. Jeśli nie chcesz kopiować żadnych ustawień z usługi w Universal Analytics, możesz też utworzyć usługę w Google Analytics 4 bez Asystenta konfiguracji usługi w Google Analytics 4.
  2. Znajdź identyfikator tagu usługi Google Analytics 4. Użyjesz go w następnym kroku, aby skonfigurować usługę w GA4.
  3. Dodawanie usługi w GA4:
    • Aby mieć pewność, że zdarzenia Universal Analytics są wysyłane tylko do usługi w UA, a zdarzenia Google Analytics 4 są wysyłane tylko do usługi GA4, skorzystaj z funkcji Dane tras udostępnianej przez tag gtag.js.
    • Dodaj usługę Google Analytics 4 do dotychczasowego fragmentu kodu gtag.js. Aby kierować zdarzenia do usługi w GA4 niezależnie od usługi w Universal Analytics, użyj polecenia config i parametru groups z identyfikatorem tagu.

Poniżej znajdziesz przykładowy fragment kodu gtag.js, który skonfigurował usługę Universal Analytics i usługę Google Analytics 4 przypisaną do grupy GA4.

<!-- 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', { 'groups': 'GA4' });  // Google Analytics 4 property
</script>

2. Wdrażanie zdarzeń e-commerce w GA4 i przekierowywanie ich do usługi w GA4

Gdy utworzysz i skonfigurujesz nową usługę w Google Analytics 4, możesz zacząć wdrażać zdarzenia e-commerce GA4. Aby ułatwić sobie porównywanie implementacji GA4 z implementacją Universal Analytics, skorzystaj z tych materiałów:

W tym przykładzie pokazano osobne zdarzenia e-commerce purchase z Universal Analytics i Google Analytics 4 wysyłane do odpowiednich usług za pomocą parametru send_to w zdarzeniach GA4:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});


// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});