← Cloudflare Zaraz / zaraz / web-api

E-commerce

Můžete použít zaraz.ecommerce() kdekoli uvnitř <body> značka stránky.

zaraz.ecommerce() umožňuje sledovat běžné události v cestě e-commerce uživatele, například když uživatel přidá produkt do košíku, zahájí proces objednávky nebo dokončí objednávku na vašem webu. Jedná se o async funkci, takže si můžete zvolit, zda await to, pokud se chcete ujistit, že bylo dokončeno před spuštěním dalšího kódu.

Chcete-li začít používat zaraz.ecommerce(), musíte ji nejprve povolit ve svém účtu Zaraz a zapnout akci E-commerce pro nástroj, kterému chcete data o e-commerce odesílat. Poté přidejte zaraz.ecommerce() do <body> element vašeho webu.

Zaraz e-commerce je v současné době kompatibilní s Google Analytics 3 (Universal Analytics), Google Analytics 4, Bing, Facebook Pixel, Amplitude, Pinterest Conversions API, TikTok a Branch.

Události e-commerce nemusíte mapovat na spouštěče. Zaraz data automaticky předává ve správném formátu nástrojům, které e-commerce podporují.

1. V dashboardu Cloudflare přejděte na Nastavení stránce.

   Přejděte na Nastavení ↗

2. Povolit Sledování e-commerce.

3. Vyberte Save.

4. Přejděte na Zaraz > Konfigurace nástrojů > Nástroje třetích stran.

5. Vyhledejte nástroj, který chcete použít pro sledování e-commerce, a vyberte Úprava.

6. Vyberte Nastavení.

7. V části Pokročilé, zapněte Sledování e-commerce.

8. Vyberte Save.

Sledování e-commerce je nyní zapnuté. Pokud na web přidáte další nástroje, které chcete použít s zaraz.ecommerce(), budete muset zopakovat kroky 6-9 pro daný nástroj.

Po zapnutí sledování e-shopu na vašem Zaraz dashboardu musíte přidat zaraz.ecommerce() do <body> element vašeho webu:

zaraz.ecommerce("Event Name", { parameters });

Chcete-li vytvořit úplnou sledovací událost, musíte přidat událost a jeden nebo více parametrů. Níže najdete seznam událostí a parametrů, které Zaraz podporuje, a také příklady kódu pro různé typy událostí.

• Product List Viewed
• Products Searched
• Product Clicked
• Product Added
• Product Added to Wishlist
• Product Removed
• Product Viewed
• Cart Viewed
• Checkout Started
• Checkout Step Viewed
• Checkout Step Completed
• Payment Info Entered
• Order Completed
• Order Updated
• Order Refunded
• Order Cancelled
• Clicked Promotion
• Viewed Promotion
• Shipping Info Entered

zaraz.ecommerce("Product Viewed", {
	product_id: "999555321",
	sku: "2671033",
	category: "T-shirts",
	name: "V-neck T-shirt",
	brand: "Cool Brand",
	variant: "White",
	price: 14.99,
	currency: "usd",
	value: 18.99,
});

zaraz.ecommerce("Product List Viewed", {
	products: [
		{
			product_id: "999555321",
			sku: "2671033",
			category: "T-shirts",
			name: "V-neck T-shirt",
			brand: "Cool Brand",
			variant: "White",
			price: 14.99,
			currency: "usd",
			value: 18.99,
			position: 1,
		},
		{
			product_id: "999555322",
			sku: "2671034",
			category: "T-shirts",
			name: "T-shirt",
			brand: "Cool Brand",
			variant: "Pink",
			price: 10.99,
			currency: "usd",
			value: 16.99,
			position: 2,
		},
	],
});

zaraz.ecommerce("Product Added", {
	product_id: "999555321",
	sku: "2671033",
	category: "T-shirts",
	name: "V-neck T-shirt",
	brand: "Cool Brand",
	variant: "White",
	price: 14.99,
	currency: "usd",
	quantity: 1,
	coupon: "SUMMER-SALE",
	position: 2,
});

zaraz.ecommerce("Checkout Step Viewed", {
	step: 1,
});

zaraz.ecommerce("Order Completed", {
	checkout_id: "616727740",
	order_id: "817286897056801",
	affiliation: "affiliate.com",
	total: 30.0,
	revenue: 20.0,
	shipping: 3,
	tax: 2,
	discount: 5,
	coupon: "winter-sale",
	currency: "USD",
	products: [
		{
			product_id: "999666321",
			sku: "8251511",
			name: "Boy’s shorts",
			price: 10,
			quantity: 2,
			category: "shorts",
		},
		{
			product_id: "742566131",
			sku: "7251567",
			name: "Blank T-shirt",
			price: 5,
			quantity: 2,
			category: "T-shirts",
		},
	],
});