Możesz skonfigurować zdarzenia e-commerce, aby zbierać informacje o zachowaniach zakupowych użytkowników. Pozwalają one określić, które produkty są najpopularniejsze, oraz poznać wpływ promocji i lokowania produktu na przychody.
W tym artykule opisujemy poszczególne zdarzenia e-commerce oraz sposoby ich konfigurowania. Szczegółowe instrukcje konfigurowania zdarzenia e-commerce znajdziesz w artykule Konfigurowanie zdarzenia purchase.
Zanim zaczniesz
Sprawdź, czy masz do witryny dodany tag Google i masz dostęp do Analytics oraz jej kodu źródłowego.
Rekomendacje
- Włącz tryb debugowania, aby widzieć zdarzenia w czasie rzeczywistym i łatwiej rozwiązywać problemy.
- Podczas wysyłania parametrów niestandardowych ze zdarzeniami e-commerce sprawdź limity wymiarów i danych niestandardowych
- Aby dane o przychodach były obliczane prawidłowo, ustaw parametr
currencypodczas wysyłania danych o przychodach (value) - Ustaw każdy parametr e-commerce, którego dotyczą dane, niezależnie od tego, czy jest on opcjonalny
- Aby zobaczyć, jak otagować witrynę, skorzystaj z przykładowej witryny e-commerce.
Implementacja
Typowa implementacja e-commerce mierzy dowolne z tych działań:
- Wybieranie elementu z listy
- Wyświetlanie szczegółów produktu
- Dodanie produktu do koszyka lub usunięcie go z koszyka
- Rozpoczynanie procesu płatności
- Dokonywanie zakupów i zwracanie środków
- Stosowanie promocji
Podstawą tych działań są sprzedawane przez Ciebie produkty i usługi. Produkty i usługi możesz zaprezentować w postaci tablicy zawierającej elementy, które można dodawać do zdarzeń e-commerce. Oprócz przewidzianych parametrów w tablicy items możesz umieścić maksymalnie 27 parametrów niestandardowych.
Poniższy przykład pokazuje, jak utworzyć kolekcję items, do której odwołuje się ten przewodnik. 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,
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,
quantity: 2
}
]
Wybierz element z listy
Gdy użytkownikowi wyświetli się lista wyników, wyślij zdarzenie view_item_list z parametrem w tablicy items zawierającym wyświetlone elementy. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "view_item_list", {
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,
quantity: 3
}
]
});
Gdy użytkownik wybierze element z listy, wyślij zdarzenie select_item z wybranym elementem w parametrze tablicy items. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "select_item", {
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,
quantity: 3
}
]
});
Wyświetl szczegóły elementu
Aby zmierzyć liczbę wyświetleń szczegółów produktu, wyślij zdarzenie view_item za każdym razem, gdy użytkownik wyświetli ekran z informacjami o produkcie. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "view_item", {
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,
quantity: 3
}
]
});
Dodawanie produktu do koszyka lub usuwanie go z niego
Wysyłając zdarzenie add_to_cart z odpowiednimi produktami w tablicy items, mierzysz dodawanie produktu do koszyka. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "add_to_cart", {
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,
quantity: 3
}
]
});
Możesz też mierzyć dodanie produktu do listy życzeń, wysyłając zdarzenie add_to_wishlist z odpowiednimi elementami w tablicy items. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "add_to_wishlist", {
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,
quantity: 3
}
],
});
Gdy użytkownik później wyświetli koszyk, wyślij zdarzenie view_cart ze wszystkimi produktami w koszyku. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "view_cart", {
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,
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 dokumentacji zdarzeń.
gtag("event", "remove_from_cart", {
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,
quantity: 3
}
]
});
Rozpoczęcie procesu płatności
Pierwszy etap procesu płatności możesz mierzyć, wysyłając zdarzenie begin_checkout z co najmniej 1 produktem zdefiniowanym w odpowiednich polach. Na tym etapie można też dodać kupon do całego zamówienia przez dodanie go do zdarzenia lub zastosować do konkretnego elementu, dodając go do określonych elementów w tablicy items. Więcej informacji o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "begin_checkout", {
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,
quantity: 3
}
]
});
Gdy użytkownik przejdzie do następnego etapu 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 dla użytkownika, np. „Transport lądowy”, „Lotnisko” lub „Następnego dnia”. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "add_shipping_info", {
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,
quantity: 3
}
]
});
Wysyłaj zdarzenie add_payment_info, gdy użytkownik prześle dane karty.
W razie potrzeby uwzględnij w tym zdarzeniu payment_type w przypadku wybranej formy płatności. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "add_payment_info", {
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,
quantity: 3
}
]
});
Dokonywanie zakupu lub przyznawanie zwrotu środków
Aby mierzyć zakup, wysyłaj zdarzenie purchase z co najmniej 1 elementem zdefiniowanym w odpowiednich polach. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "purchase", {
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",
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
}]
});
Mierz zwroty środków, wysyłając zdarzenie refund z określonymi odpowiednimi wartościami transaction_id oraz co najmniej 1 produktem zdefiniowanym w polach item_id i quantity. Zalecamy, aby uwzględnić informacje o produkcie w zdarzeniu refund, aby umożliwić wyświetlanie w Analytics danych o zwrotach środków na poziomie produktu.
Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "refund", {
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,
quantity: 3
}
]
});
Zastosuj promocje
E-commerce obejmuje obsługę pomiaru wyświetleń i kliknięć wewnętrznych promocji, takich jak banery wyświetlane w celu promocji wyprzedaży.
Wyświetlenia promocji są zwykle mierzone przy początkowym wyświetleniu ekranu przez wysłanie zdarzenia view_promotion z parametrem items określającym promowany produkt. Szczegółowe informacje o parametrach do wysłania znajdziesz w dokumentacji zdarzeń.
gtag("event", "view_promotion", {
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,
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 dokumentacji zdarzeń.
gtag("event", "select_promotion", {
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,
quantity: 3
}
],
});