Очищення об’єкта електронної торгівлі
Перед передачею об’єкта електронної торгівлі на рівень даних рекомендуємо очистити його за допомогою наведеної нижче команди. Це необхідно, щоб різні події електронної торгівлі на сторінці не впливали одна на одну.
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
Перегляди та покази інформації про товар чи позицію
Щоб отримувати статистику з перегляду докладних відомостей про товар, передавайте на рівень даних список позицій та враховуйте подію view_item разом із цими даними. У прикладі нижче передбачається, що відомості про товари, що відображаються на сторінці, відомі в момент її завантаження.
Дуже важливо його розмістити перед кодом Google Tag Manager, інакше він не працюватиме.
// Measure a view of product details. This example assumes the detail view occurs on pageload,
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: “view_item”,
ecommerce: {
items: [{
item_name: “Donut Friday Scented T-Shirt”, // Name or ID is required.
item_id: “67890”,
price: 33.75,
item_brand: “Google”,
item_category: “Apparel”,
item_category2: “Mens”,
item_category3: “Shirts”,
item_category4: “Tshirts”,
item_variant: “Black”,
item_list_name: “Search Results”, // If associated with a list selection.
item_list_id: “SR123”, // If associated with a list selection.
index: 1, // If associated with a list selection.
quantity: 1
}]
}
});
Розшифровка коду та змінних
1. item_name (рядкова обов’язкова змінна) – назва товару.
2. item_id (рядкова обов’язкова змінна) – ідентифікатор (SKU) товару.
3. price (рядкова обов’язкова змінна) – ціна однієї одиниці товару. Як десятковий роздільник використовується точка.
4. item_brand (рядкова необов’язкова змінна) – бренд товару.
5. item_category (рядкова необов’язкова змінна) – категорія, до якої належить товар. Можна вказувати ієрархію категорій (до 5 рівнів)
6. item_variant (рядковий необов’язковий змінний) — різновид товару: будь-який параметр товару, який змінюється без зміни ідентифікатора товару (колір, розмір тощо).
7. item_list_name (рядкова необов’язкова змінна) — список, де було показано товар («Акційні товари», «Топ продаж»).
8. event (рядкова змінна) — вказівка події, за якою буде активовано тег у GTM.
Додавання товарів до кошика та видалення їх із кошика
Аналогічним чином, щоб отримувати відомості про додавання товарів у кошик та видалення з нього, враховуйте подію add_to_cart або remove_from_cart разом із доданою чи віддаленою позицією. Приклад:
Дуже важливо його розмістити перед кодом Google Tag Manager, інакше він не працюватиме.
// Measure when a product is added to a shopping cart
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: “add_to_cart”,
ecommerce: {
items: [{
item_name: “Donut Friday Scented T-Shirt”, // Name or ID is required.
item_id: “67890”,
price: “33.75”,
item_brand: “Google”,
item_category: “Apparel”,
item_category2: “Mens”,
item_category3: “Shirts”,
item_category4: “Tshirts”,
item_variant: “Black”,
item_list_name: “Search Results”,
item_list_id: “SR123”,
index: 1,
quantity: 2
}]
}
});
Оформлення/початок покупок
Щоб отримувати статистику щодо оформлення покупок, передавайте на рівень даних докладні відомості про товар та враховуйте подію begin_checkout разом із цими даними. Приклад:
Дуже важливо його розмістити перед кодом Google Tag Manager, інакше він не працюватиме.
/**
* A function to handle a click on a checkout button.
*/
function onCheckout() {
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: “begin_checkout”,
ecommerce: {
items: [{
item_name: “Donut Friday Scented T-Shirt”, // Name or ID is required.
item_id: “67890”,
price: 33.75,
item_brand: “Google”,
item_category: “Apparel”,
item_category2: “Mens”,
item_category3: “Shirts”,
item_category4: “Tshirts”,
item_variant: “Black”,
item_list_name: “Search Results”,
item_list_id: “SR123”,
index: 1,
quantity: 1
}]
}
});
}
Покупки
Щоб отримувати статистику транзакцій, передавайте на рівень даних список позицій і враховуйте подію purchase разом з цими даними. У прикладі нижче передбачається, що відомості про товари, що відображаються на сторінці, відомі в момент її завантаження.
Дуже важливо його розмістити перед кодом Google Tag Manager, інакше він не працюватиме.
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: “purchase”,
ecommerce: {
transaction_id: “T12345”,
affiliation: “Online Store”,
value: “59.89”,
tax: “4.90”,
shipping: “5.99”,
currency: “EUR”,
coupon: “SUMMER_SALE”,
items: [{
item_name: “Triblend Android T-Shirt”,
item_id: “12345”,
price: “15.25”,
item_brand: “Google”,
item_category: “Apparel”,
item_variant: “Gray”,
quantity: 1
}, {
item_name: “Donut Friday Scented T-Shirt”,
item_id: “67890”,
price: 33.75,
item_brand: “Google”,
item_category: “Apparel”,
item_variant: “Black”,
quantity: 1
}]
}
});
Розшифровка коду та змінних
1. transaction_id (рядкова обов’язкова змінна) – унікальний ідентифікатор транзакції.
2. affiliation (рядкова необов’язкова змінна) – магазин або філія, в якій було здійснено транзакцію.
3. value (рядкова обов’язкова змінна) – повна сума транзакції, включаючи вартість доставки та податок. Якщо значення не вказано, суму буде обчислено на основі вартості та кількості товарів у транзакції.
4. tax (рядкова необов’язкова змінна) – сума всіх податків для цієї транзакції.
5. shipping (рядкова необов’язкова змінна) – вартість доставки замовлення.
6. coupon (рядкова необов’язкова змінна) – купон або промокод, який був використаний для оформлення замовлення. Може бути зазначений як для всього замовлення, так окремих товарів.
