← Cloudflare Zaraz / zaraz / web-api

Электронная коммерция

Вы можете использовать zaraz.ecommerce() в любом месте внутри <body> тег страницы.

zaraz.ecommerce() позволяет отслеживать типичные события пути пользователя в электронной коммерции, например когда пользователь добавляет товар в корзину, начинает оформление заказа или завершает заказ на сайте. Это async функцию, поэтому вы можете выбрать await его, если хотите убедиться, что он завершился, прежде чем выполнять остальной код.

Чтобы начать использовать zaraz.ecommerce(), сначала включите эту функцию в своей учетной записи Zaraz, а также включите действие E-commerce для инструмента, которому планируете отправлять данные электронной коммерции. Затем добавьте zaraz.ecommerce() к <body> элемент вашего сайта.

На данный момент Zaraz e-commerce совместим с Google Analytics 3 (Universal Analytics), Google Analytics 4, Bing, Facebook Pixel, Amplitude, Pinterest Conversions API, TikTok и Branch.

Сопоставлять события электронной коммерции с триггерами не нужно: Zaraz автоматически передаёт данные в нужном формате инструментам с поддержкой электронной коммерции.

1. На панели управления Cloudflare перейдите к разделу Настройки страницу.

   Перейдите в Настройки ↗

2. Включить Отслеживание электронной коммерции.

3. Выберите Save.

4. Перейдите в Zaraz > Конфигурация инструментов > Сторонние инструменты.

5. Найдите инструмент, который нужно использовать для отслеживания электронной коммерции, и выберите Изменить.

6. Выберите Настройки.

7. В разделе Продвинутый уровень, включите Отслеживание электронной коммерции.

8. Выберите Save.

Отслеживание электронной коммерции теперь включено. Если вы добавите на сайт дополнительные инструменты, которые хотите использовать с zaraz.ecommerce(), вам нужно будет повторить шаги 6-9 для этого инструмента.

После включения отслеживания электронной коммерции на панели Zaraz необходимо добавить zaraz.ecommerce() к <body> элемент вашего сайта:

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

Чтобы создать полноценное событие отслеживания, нужно добавить событие и один или несколько параметров. Ниже приведён список событий и параметров, поддерживаемых Zaraz, а также примеры кода для разных типов событий.

• 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",
		},
	],
});