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

Z tego przewodnika dowiesz się, jak korzystać z dotychczasowej implementacji e-commerce gtag.js Universal Analytics do wysyłania zdarzeń e-commerce do usługi 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 opisem tego przewodnika Twoja obecna implementacja Universal Analytics będzie używana do wypełniania nowej usługi w Google Analytics 4. Twoja dotychczasowa implementacja Universal Analytics nie ulegnie zmianie, Twoje raporty e-commerce UA będą nadal zawierać dane, a nowa usługa Google Analytics 4 zacznie otrzymywać dane.

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 korzystać z tego przewodnika, aby korzystać z obecnej implementacji tagu gtag.js Universal Analytics w Google Analytics 4.

  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 z obecnej implementacji e-commerce tagu gtag.js (Universal Analytics) w usłudze Google Analytics 4.

Zalety Wady
  • Najłatwiejsza opcja do wdrożenia, ponieważ nie zmieniasz istniejących tagów zdarzeń e-commerce.
  • Umożliwia wyświetlanie danych e-commerce zarówno w raportach GA4, jak i Universal Analytics.
  • Sposób zbierania i raportowania danych e-commerce w usłudze w Universal Analytics się nie zmienił.
  • Zdarzenia select_content, checkout_progress, set_checkout_option i view_refund nie są rozpoznawane w GA4 i nie pojawią się w raportach e-commerce GA4.
    • Powyższe zdarzenia i powiązane z nimi parametry będą traktowane w GA4 jako zdarzenia niestandardowe i parametry niestandardowe. Dane nie będą jednak wysyłane do Google Analytics w przypadku parametru items (nie jest on obsługiwany jako parametr niestandardowy).
  • Krok Dodaj informacje o dostawie w raporcie Szczegóły koszyka/ścieżki Fallout w GA4 będzie pusty.
  • Krok Lista kliknięć w raporcie ścieżki sprzedaży gadżetów/produktów/produktów w GA4 będzie pusty.
  • GA4 nie rozpoznaje separatora / kategorii. GA4 zgłosi kat1/kat2/kat3 jako kategorię, a nie 3 kategorie, tj. kat1, kat2 i kat3.

Implementacja

Wykonaj jedną z tych czynności, aby używać istniejącej implementacji gtag.js Universal Analytics do wysyłania zdarzeń e-commerce do 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 pomiaru dla 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 pomiaru.

Poniżej znajdziesz przykładowy fragment kodu gtag.js, który skonfigurował 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>