Pomiar e-commerce

Aby zbierać informacje o zachowaniach zakupowych użytkowników, możesz skonfigurować zdarzenia e-commerce. Dzięki nim możesz się dowiedzieć, które produkty są najpopularniejsze, oraz zobaczyć wpływ promocji i lokowania produktu na przychody.

W tym dokumencie opisujemy poszczególne zdarzenia e-commerce i wyjaśniamy, kiedy należy je skonfigurować. Szczegółowy przykład konfigurowania zdarzenia e-commerce znajdziesz w artykule Konfigurowanie zdarzenia zakupu.

Zanim zaczniesz

Dodawanie tagu konfiguracji GA4 do witryny

Upewnij się, że tag Google Analytics: konfiguracja GA4 został dodany do Twojej witryny i że masz dostęp do Analytics oraz kodu źródłowego witryny.

Pomiar zdarzeń e-commerce za pomocą tagu Zdarzenie GA4

Aby wysyłać zdarzenia i parametry e-commerce do usługi w Google Analytics:

  1. Otwórz Menedżera tagów Google

  2. W obszarze roboczym otwórz menu Tagi.

  3. Utwórz nowy tag. Kliknij pole Konfiguracja tagu i wybierz tag Google Analytics: zdarzenie GA4.

  4. W polu Nazwa zdarzenia użyj zmiennej wbudowanej {{Event}}. Będzie to nazwa zdarzenia e-commerce Google Analytics wysłana za pomocą interfejsu API gtag.js.

  5. W sekcji Więcej ustawień > Handel elektroniczny wybierz Wysyłaj dane związane z handlem elektronicznym.

  6. W sekcji Źródło danych wybierz Warstwa danych.Interfejs Menedżera tagów z widoczną konfiguracją tagu e-commerce.

  7. Skonfiguruj regułę dla zdarzenia GA4, np. gdy użytkownik kliknie przycisk finalizacji zakupu. Zobacz wszystkie dostępne typy reguł

  8. Nazwij i zapisz tag.

Rekomendacje

  • Włącz tryb debugowania, aby wyświetlać zdarzenia w czasie rzeczywistym i rozwiązywać problemy.
  • Gdy wysyłasz parametry niestandardowe ze zdarzeniami e-commerce, sprawdź limity wymiarów i danych niestandardowych.
  • Podczas wysyłania danych value (przychodów) ustaw parametr currency na poziomie zdarzenia. Jest to podstawowa waluta transakcji, która jest używana w standardowych raportach w interfejsie Google Analytics.
  • Ustaw każdy parametr e-commerce, dla którego masz dane, niezależnie od tego, czy jest on opcjonalny.
  • Aby mieć pewność, że dane będą prawidłowo wypełniane w raportach, używaj formatu opisanego w tym dokumencie. Jeśli musisz ustawić tablicę items poza tablicą ecommerce, podczas wysyłania danych value (przychody) ustaw parametr currency na poziomie zdarzenia.

Konfigurowanie remarketingu dynamicznego w Google Ads

Remarketing dynamiczny umożliwia wyświetlanie użytkownikom witryny i aplikacji reklam dopasowanych do konkretnych produktów i usług, które oglądali. Inne korzyści:

  • Prosta implementacja: nie musisz ręcznie mapować parametrów między witryną a Google Ads.
  • Konfiguracja oparta na zdarzeniach: aby włączyć remarketing dynamiczny, zaimplementuj zdarzenia zalecane w przypadku Twojego rodzaju działalności. Więcej informacji o zdarzeniach i parametrach remarketingu dynamicznego.

Implementacja

Wdrożenie e-commerce zazwyczaj mierzy dowolne z tych działań:

Kluczowy element tych działań stanowią Twoje produkty i usługi. Możesz je zaprezentować w postaci tablicy zawierającej elementy, które można dodać do zdarzeń e-commerce. Oprócz zalecanych parametrów możesz uwzględnić w tablicy items do 27 parametrów niestandardowych.

Każdy element tablicy items wymaga tylko pola item_id lub item_name, ale zalecane jest podanie obu tych pól. Możesz też uwzględnić parametry opcjonalne, takie jak price i quantity (jeśli nie jest ustawiony, quantity domyślnie ma wartość 1):

const minimalItems = [
  {
    item_id: "SKU_12345",
    item_name: "Stan and Friends Tee",
    price: 10.01,
    quantity: 3
  }
];

Poniższy przykład pokazuje wszystkie zalecane parametry produktu, o których mowa w tym przewodniku. Tablica items może zawierać maksymalnie 200 elementów.

items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 21.01,
      google_business_vertical: "retail",
      quantity: 2
    }
]

wybranie elementu z listy,

Gdy użytkownik zobaczy listę wyników, wyślij zdarzenie view_item_list z parametrem tablicy items zawierającym wyświetlane elementy. Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: view_item_list
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Identyfikator listy elementów e-commerce – ecommerce.item_list_id
    • Nazwa listy elementów e-commerce – ecommerce.item_list_name
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • item_list_id – {{Ecommerce Item List ID}}
    • item_list_name – {{Ecommerce Item List Name}}
  • Aktywator: zdarzenie równe view_item_list

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: view_item_list
  • Ten reguła uruchamia się w przypadku: wszystkich zdarzeń niestandardowych
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item_list",
  ecommerce: {
    currency: "USD",
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.03,
      google_business_vertical: "retail",
      quantity: 3
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 21.01,
      promotion_id: "P_12345",
      promotion_name: "Summer Sale",
      google_business_vertical: "retail",
      quantity: 2
    }
  }
});

Gdy użytkownik wybierze element z listy, wyślij zdarzenie select_item z wybranym elementem w parametrze tablicy items. Szczegółowe informacje o parametrach, które należy wysłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: select_item
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Identyfikator listy elementów e-commerce – ecommerce.item_list_id
    • Nazwa listy elementów e-commerce – ecommerce.item_list_name
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • item_list_id – {{Ecommerce Item List ID}}
    • item_list_name – {{Ecommerce Item List Name}}
  • Aktywator: zdarzenie równe select_item

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: select_item
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "select_item",
  ecommerce: {
    currency: "USD",
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

wyświetlenie szczegółów elementu,

Aby mierzyć, ile razy wyświetlono szczegóły elementu, wysyłaj zdarzenie view_item za każdym razem, gdy użytkownik wyświetli ekran ze szczegółami elementu. Szczegółowe informacje o parametrach, które należy wysłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: view_item
  • Zmienne warstwy danych (nazwa – nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
  • Aktywator: zdarzenie równe view_item

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: view_item
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Dodawanie produktu do koszyka lub usuwanie go z koszyka

Aby mierzyć dodanie produktu do koszyka, wyślij zdarzenie add_to_cart z odpowiednimi produktami w tablicy items. Szczegółowe informacje o parametrach, które należy wysłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: add_to_cart
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
  • Aktywator: zdarzenie równa się add_to_cart

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: add_to_cart
  • Ten reguła uruchamia się w przypadku: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_to_cart",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Możesz też mierzyć, kiedy produkt jest dodawany do listy życzeń, wysyłając zdarzenie add_to_wishlist z odpowiednimi produktami w tablicy items. Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: add_to_wishlist
  • Zmienne warstwy danych (nazwa – nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
  • Aktywator: zdarzenie równe add_to_wishlist

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: add_to_wishlist
  • Ten reguła uruchamia się w przypadku: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_to_wishlist",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Gdy użytkownik wyświetli koszyk, wyślij zdarzenie view_cart ze wszystkimi produktami w koszyku. Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: view_cart
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
  • Aktywator: zdarzenie równa się view_cart

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: view_cart
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_cart",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Aby mierzyć, kiedy użytkownik usuwa produkt z koszyka, wysyłaj zdarzenie remove_from_cart. Szczegółowe informacje o parametrach do wysłania znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: remove_from_cart
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
  • Aktywator: zdarzenie równa się remove_from_cart

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: remove_from_cart
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "remove_from_cart",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

rozpoczęcie realizacji płatności,

Zmierz pierwszy krok procesu płatności, wysyłając zdarzenie begin_checkout z co najmniej 1 produktem zdefiniowanym za pomocą odpowiednich pól. Na tym etapie można też dodać kupon do całego zamówienia, dodając go do zdarzenia, lub zastosować go do konkretnego produktu, dodając go do określonych elementów w tablicy items. Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: begin_checkout
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
    • Kupon e-commerce – ecommerce.coupon
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
    • coupon – {{Ecommerce Coupon}}
  • Aktywator: zdarzenie równa się begin_checkout

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: begin_checkout
  • Ten reguła uruchamia się w przypadku: wszystkich zdarzeń niestandardowych
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "begin_checkout",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    coupon: "SUMMER_FUN",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Gdy użytkownik przejdzie do następnego kroku procesu płatności i doda informacje o dostawie, wyślij zdarzenie add_shipping_info. Użyj parametru shipping_tier, aby określić opcję dostawy wybraną przez użytkownika, np. „Lądowa”, „Lotnicza” lub „Następnego dnia”. Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: add_shipping_info
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
    • Kupon e-commerce – ecommerce.coupon
    • Poziom dostawy w e-commerce – ecommerce.shipping_tier
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
    • coupon – {{Ecommerce Coupon}}
    • shipping_tier – {{Ecommerce Shipping Tier}}
  • Aktywator: zdarzenie równa się add_shipping_info

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: add_shipping_info
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_shipping_info",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    coupon: "SUMMER_FUN",
    shipping_tier: "Ground",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Zdarzenie add_payment_info wysyłaj, gdy użytkownik przesyła dane karty. W razie potrzeby dołącz do tego zdarzenia parametr payment_type dla wybranej formy płatności. Szczegółowe informacje o parametrach do wysłania znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: add_payment_info
  • Zmienne warstwy danych (nazwa – nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Wartość e-commerce – ecommerce.value
    • Waluta e-commerce – ecommerce.currency
    • Kupon e-commerce – ecommerce.coupon
    • Forma płatności w e-commerce – ecommerce.payment_type
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • value – {{Ecommerce Value}}
    • currency – {{Ecommerce Currency}}
    • coupon – {{Ecommerce Coupon}}
    • payment_type – {{Ecommerce Payment Type}}
  • Aktywator: zdarzenie równa się add_payment_info

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: add_payment_info
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "add_payment_info",
  ecommerce: {
    currency: "USD",
    value: 30.03,
    coupon: "SUMMER_FUN",
    payment_type: "Credit Card",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Dokonywanie zakupu i zwracanie środków

Aby mierzyć zakup, wyślij zdarzenie purchase z co najmniej 1 elementem zdefiniowanym za pomocą odpowiednich pól. Szczegółowe informacje o parametrach do wysłania znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: purchase
  • Zmienne warstwy danych (nazwa – nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Identyfikator transakcji e-commerce – ecommerce.transaction_id
    • Wartość e-commerce – ecommerce.value
    • Podatek e-commerce – ecommerce.tax
    • Dostawa e-commerce – ecommerce.shipping
    • Waluta e-commerce – ecommerce.currency
    • Kupon e-commerce – ecommerce.coupon
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • transaction_id – {{Ecommerce Transaction ID}}
    • value – {{Ecommerce Value}}
    • tax – {{Ecommerce Tax}}
    • shipping – {{Ecommerce Shipping}}
    • currency – {{Ecommerce Currency}}
    • coupon – {{Ecommerce Coupon}}
  • Aktywator: zdarzenie równe purchase

Konfiguracja aktywatora:

  • Typ aktywatora: zdarzenie niestandardowe
  • Nazwa zdarzenia: purchase
  • Ta reguła uruchamia się, gdy jest spełniony ten warunek: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "purchase",
  ecommerce: {
    transaction_id: "T_12345",
    // Sum of (price * quantity) for all items.
    value: 72.05,
    tax: 3.60,
    shipping: 5.99,
    currency: "USD",
    coupon: "SUMMER_SALE",
    customer_type: "new",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      quantity: 3
    },
    {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 3.33,
      index: 1,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "gray",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 21.01,
      promotion_id: "P_12345",
      promotion_name: "Summer Sale",
      quantity: 2
    }]
  }
});

Aby mierzyć zwroty środków, wysyłaj zdarzenie refund z odpowiednim parametrem transaction_id i co najmniej 1 elementem zdefiniowanym za pomocą parametrów item_id i quantity. Aby w Analytics wyświetlać dane o zwrotach na poziomie produktu, zalecamy uwzględnianie informacji o produkcie w zdarzeniu refund.

Szczegółowe informacje o parametrach, które należy wysyłać, znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: refund
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Produkty e-commerce – ecommerce.items
    • Identyfikator transakcji e-commerce – ecommerce.transaction_id
    • Wartość e-commerce – ecommerce.value
    • Podatek e-commerce – ecommerce.tax
    • Dostawa e-commerce – ecommerce.shipping
    • Waluta e-commerce – ecommerce.currency
    • Kupon e-commerce – ecommerce.coupon
  • Parametry zdarzenia (nazwa parametru – wartość):
    • items – {{Ecommerce Items}}
    • transaction_id – {{Ecommerce Transaction ID}}
    • value – {{Ecommerce Value}}
    • tax – {{Ecommerce Tax}}
    • shipping – {{Ecommerce Shipping}}
    • currency – {{Ecommerce Currency}}
    • coupon – {{Ecommerce Coupon}}
  • Aktywator: zdarzenie równe refund

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: refund
  • Ten reguła uruchamia się w przypadku: wszystkich zdarzeń niestandardowych
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "refund",
  ecommerce: {
    currency: "USD",
    transaction_id: "T_12345", // Transaction ID. Required for purchases and refunds.
    value: 30.03,
    coupon: "SUMMER_FUN",
    shipping: 3.33,
    tax: 1.11,
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

zastosowanie promocji.

E-commerce obejmuje obsługę pomiaru wyświetleń i kliknięć autopromocji, takich jak banery wyświetlane w celu promowania wyprzedaży.

Wyświetlenia promocji są zwykle mierzone za pomocą początkowego wyświetlenia ekranu przez wysłanie zdarzenia view_promotion z parametrem items, aby określić promowany produkt. Szczegółowe informacje o parametrach do wysłania znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Nazwa zdarzenia: view_promotion
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Nazwa kreacji e-commerce – ecommerce.creative_name
    • Miejsce na kreację e-commerce – ecommerce.creative_slot
    • Identyfikator promocji e-commerce – ecommerce.promotion_id
    • Nazwa promocji e-commerce – ecommerce.promotion_name
    • Produkty e-commerce – ecommerce.items
  • Parametry zdarzenia (nazwa parametru – wartość):
    • creative_name – {{Ecommerce Creative Name}}
    • creative_slot – {{Ecommerce Creative Slot}}
    • promotion_id – {{Ecommerce Promotion ID}}
    • promotion_name – {{Ecommerce Promotion Name}}
    • items – {{Ecommerce Items}}
  • Aktywator: zdarzenie równa się view_promotion

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: view_promotion
  • Ten reguła uruchamia się w przypadku: Wszystkie zdarzenia niestandardowe
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_promotion",
  ecommerce: {
    currency: "USD",
    creative_name: "Summer Banner",
    creative_slot: "featured_app_1",
    promotion_id: "P_12345",
    promotion_name: "Summer Sale",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Aby wskazać, że użytkownik kliknął promocję, wyślij zdarzenie select_promotion z tym produktem jako parametrem produktu. Szczegółowe informacje o parametrach do wysłania znajdziesz w materiałach dotyczących zdarzeń.

Pokaż konfigurację tagu

Konfiguracja tagu:

  • Typ tagu: Google Analytics: zdarzenie GA4
  • Zmienne warstwy danych (Nazwa – Nazwa zmiennej warstwy danych):
    • Nazwa kreacji e-commerce – ecommerce.creative_name
    • Miejsce na kreację e-commerce – ecommerce.creative_slot
    • Identyfikator promocji e-commerce – ecommerce.promotion_id
    • Nazwa promocji e-commerce – ecommerce.promotion_name
    • Produkty e-commerce – ecommerce.items
  • Parametry zdarzenia (nazwa parametru – wartość):
    • creative_name – {{Ecommerce Creative Name}}
    • creative_slot – {{Ecommerce Creative Slot}}
    • promotion_id – {{Ecommerce Promotion ID}}
    • promotion_name – {{Ecommerce Promotion Name}}
    • items – {{Ecommerce Items}}
  • Typ zmiennej: zmienna warstwy danych – „ecommerce.items”
  • Aktywator: zdarzenie równa się select_promotion

Konfiguracja aktywatora:

  • Typ reguły: zdarzenie niestandardowe
  • Nazwa zdarzenia: select_promotion
  • Ten reguła uruchamia się w przypadku: wszystkich zdarzeń niestandardowych
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "select_promotion",
  ecommerce: {
    currency: "USD",
    creative_name: "Summer Banner",
    creative_slot: "featured_app_1",
    promotion_id: "P_12345",
    promotion_name: "Summer Sale",
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
      price: 10.01,
      google_business_vertical: "retail",
      quantity: 3
    }
    ]
  }
});

Używanie niestandardowej zmiennej JavaScriptu

Jeśli Twoja witryna nie obsługuje warstwy danych, możesz użyć niestandardowej zmiennej JavaScriptu, aby wywołać funkcję, która zwraca obiekt danych e-commerce. Ten obiekt powinien używać składni warstwy danych pokazanej wcześniej w tym przewodniku, np.:

// A Custom JavaScript Variable that returns an ecommerceData object
// that follows the data layer syntax.
function getEcommerceData() {
  var ecommerceProductData = [
    {
      item_name: "Stan and Friends Tee",
      item_id: "SKU_12345",  // ID is required.
      // Rest of the product data should follow the data layer syntax.
    },
    // Multiple products may be included.
  ];
  return ecommerceProductData;
}

Jeśli zdecydujesz się użyć zmiennej niestandardowego kodu JavaScript, możesz jej używać w taki sam sposób jak warstwy danych – możesz podać wartość z parametru items jako parametr zdarzenia w konfiguracji tagu.

Konfiguracja tagu:

  • Typ tagu: zdarzenie GA4
  • Nazwa zdarzenia: dowolna
  • Odczytaj dane ze zmiennej: {{gaEcommerceData}}
  • Aktywator: zdarzenie równa się gtm.dom

Ustawienia zmiennej {{gaEcommerceData}}:

  • Typ zmiennej: niestandardowy kod JavaScript
  • Treść funkcji: użyj poprzedniego przykładu