E-commerce w Google Analytics

Są dwa główne rodzaje metod implementacji e-commerce w Google Analytics:

Standardowe raporty e-commerce w Google Analytics pozwalają na analizowanie aktywności związanej z zakupami w Twojej witrynie lub aplikacji. Znajdziesz w nich informacje o produkcie i transakcji, średnią wartość zamówienia, współczynnik konwersji e-commerce, czas do zakupu i inne dane.

Ulepszone e-commerce udostępnia nowe funkcje w raportach Google Analytics. Dzięki Ulepszonemu e-commerce można zobaczyć, kiedy klient dodał produkty do koszyka, kiedy rozpoczął proces płatności i kiedy dokonał zakupu. Możesz również skorzystać z Ulepszonego e-commerce, by określić segmenty klientów, którzy wypadają ze ścieżki zakupów.

Obie metody można wdrożyć za pomocą Menedżera tagów:

Standardowe e-commerce

Aby skonfigurować standardowy tag e-commerce Google Analytics:

  1. Włącz e-commerce w raportach Google Analytics.
  2. Utwórz tag Universal Analytics i dla Typu śledzenia wybierz ustawienie Transakcja.
  3. Skonfiguruj wymagane pola tagu.
  4. Określ, kiedy tag ma być uruchamiany.

Wszystkie informacje o transakcji powinny przechodzić przez warstwę danych z przedstawionymi poniżej nazwami zmiennych:

Dane transakcji

Nazwa zmiennej Opis Typ
transactionId (wymagana) Unikalny identyfikator transakcji ciąg znaków
transactionAffiliation (opcjonalna) Partner lub sklep ciąg znaków
transactionTotal (wymagana) Łączna wartość transakcji liczbowa
transactionShipping (opcjonalna) Opłata za dostawę przedmiotu transakcji liczbowa
transactionTax (opcjonalna) Wysokość podatku od transakcji liczbowa
transactionProducts (opcjonalna) Lista przedmiotów zakupionych w ramach transakcji tablica obiektów produktów

Dane produktów

Nazwa zmiennej Opis Typ
name (wymagana) Nazwa produktu ciąg znaków
sku (wymagana) Kod SKU produktu ciąg znaków
category (opcjonalna) Kategoria produktów ciąg znaków
price (wymagana) Cena za sztukę liczbowa
quantity (wymagana) Liczba towarów liczbowa

Oto przykładowa implementacja kodu warstwy danych w JavaScript:

<script>
window.dataLayer = window.dataLayer || []
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Ubrania Acme',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'Koszulka',
       'category': 'Odzież',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Skarpetki',
       'category': 'Odzież',
       'price': 9.99,
       'quantity': 2
   }]
});
</script>
	

Umieść ten kod nad fragmentem kodu kontenera Menedżera tagów Google, by warstwa danych była już gotowa, gdy Menedżer tagów uruchomi tag Google Analytics.

Jeśli z jakiegoś powodu nie możesz umieścić danych e-commerce nad fragmentem kodu kontenera Menedżera tagów, możesz wykonać jedną z tych czynności:

  • Uruchom tag na podstawie zdarzenia niestandardowego u dołu strony (np. połącz dane i przekazanie zdarzenia zgodnie z opisem w dokumentacji programistycznej).
  • Jako regułę ustaw „Element DOM dostępny”.

Dowiedz się więcej o e-commerce w Google Analytics.

Ulepszone e-commerce

Są dwa sposoby implementacji Ulepszonego e-commerce za pomocą Menedżera tagów:

  • Warstwa danych: preferowana metoda; przekazywanie danych e-commerce na warstwę danych w kodzie.
  • Niestandardowy kod JavaScript: utworzenie zmiennej kodu JavaScript w Menedżerze tagów. Taka zmienna powinna zwracać obiekt z informacją, która w przeciwnym razie musiałaby zostać przekazana na warstwę danych.

Ważne: istnieje kilka określonych typów informacji, które można wykorzystać podczas implementacji Ulepszonego e-commerce. Pełną listę typów obsługiwanych danych znajdziesz w dokumentacji dla programistów.

Implementacja warstwy danych

  1. W swoim kodzie dodaj informacje e-commerce do obiektu warstwy danych o nazwie „ecommerce”. Szczegółowe informacje o implementacji warstwy danych znajdziesz w dokumentacji dla programistów.
  2. W Menedżerze tagów utwórz tag Universal Analytics i dla Typu śledzenia wybierz ustawienie Wyświetlenie strony lub Zdarzenie.
  3. Kliknij Więcej ustawień a następnie Reklama i dla opcji Włącz funkcje Ulepszonego e-commerce wybierz ustawienie Prawda
  4. Wybierz Użyj warstwy danych.

Korzystanie ze zmiennej

  1. Utwórz niestandardową zmienną JavaScript. Zmienna ta musi zwracać obiekt zawierający obiekt e-commerce. Przykładowy kod:
     
    function() {
      var ecommerceData = {
        'ecommerce' : {
          currencyCode : 'EUR',
          // dodaj więcej parametrów w razie potrzeby...
       }
      };
      return ecommerceData;
    }
    			
    W tej zmiennej użyj takiej samej składni, jakiej należałoby użyć do przekazania danych na warstwę danych. Więcej informacji zawiera dokumentacja programistyczna.
  2. Utwórz tag Universal Analytics i dla Typu śledzenia wybierz ustawienie Wyświetlenie strony lub Zdarzenie.
  3. Kliknij Więcej ustawień a następnie Reklama i dla opcji Włącz funkcje Ulepszonego e-commerce wybierz ustawienie Prawda
  4. Wybierz Użyj warstwy danych.

Powiązane artykuły

Czy ten artykuł był pomocny?
Jak możemy ją poprawić?