ТЗ по передаче событий электронной торговли в GA-4 для разработчиков

ТЗ по передаче событий электронной торговли в GA-4 для web-разработчика от маркетолога

Процесс настройки электронной торговли для GA-4 выглядит следующим образом

1. Трекинг событий электронной торговли + аудит текущей ситуации в online-магазине (веб-аналитик)
2. Установка GTM (web-аналитик + разработчик)
3. Установка GA-4 через GTM (web-аналитик)
4. Трекинг событий электронной торговли + аудит текущей ситуации в online-магазине (веб-аналитик)
5. Постановка ТЗ разработчику по настройке ecommerce для GA-4 (веб-аналитик)
6. Реализация ТЗ по событиям и параметрам ecommerce для GA-4 (разработчик + web-аналитик) или как альтернатива установка платного модуля, если он есть (разработчик + web-аналитик)
7. Настройка тегов и тригеров электронной торговли в GTM для GA-4 (web-аналитик)
8. Трекинг и доработка событий ecommerce в DebugView (web-аналитик + разработчик)

Метод передачи данных:
dataLayer.push в GTM

<button id="add-to-cart-button">Add to Cart</button>
<script>
document.getElementById('add-to-cart-button').addEventListener('click', function() {
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
}]
}
});
});
</script>

window.onload = function() {
if (window.location.pathname == '/checkout/success') { // Если это страница подтверждения покупки
dataLayer.push({
'event': 'purchase',
'ecommerce': {
'transaction_id': 'T12345',
'affiliation': 'Online Store',
'value': '59.89',
'tax': '4.90',
'shipping': '5.99',
'currency': 'EUR',
'items': [{
'item_name': 'Triblend Android T-Shirt',
'item_id': '12345',
'price': '15.25',
'item_brand': 'Google',
'item_category': 'Apparel',
'item_variant': 'Gray',
'quantity': 1
}]
}
});
}
}

Какие события электронной торговли для Ga-4 настроить в приоритете:

1. Просмотры и показы информации о товаре++

Отправить событие “view_item, когда пользователь загружает страницу с данными товара в GTM методом dataLayer.push

Примечание: при этом очень важно чтобы событие не задваивалось, а отправлялось 1 раз на 1-го пользователя по факту просмотра 1-го товара, вот как нехорошо оно может трекается в DebugView если ошибиться с кодом.

Пример кода для передачи событий по методу dataLayer.push

dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}]
}
});

2.Добавление товара в корзину

Отправить событие "add_to_cart” когда пользователь добавляет товар в корзину. Отправить в GTM методом dataLayer.push

Примечание: добавление товара в корзину также может задваивается и затраиваться - важно чтобы оно передавалось 1 раз на 1 событие. На картинке передается 4 раза на 1 событие(

При этом нужно чтобы событие add_to_cart передавалось когда мы:

1. Добавляет товар в корзину с карточки товара
2. Добавляет еще один товар в самой корзине

Пример кода для передачи событий по методу dataLayer.push

dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "add_to_cart",
ecommerce: {
items: [{
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}]
}
});

3.Удаление товара из корзины

Отправить событие "remove_from_cart" когда пользователь удаляет товар из корзины. Отправить в GTM методом dataLayer.push

Пример кода для передачи событий по методу dataLayer.push

dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "remove_from_cart",
ecommerce: {
items: [{
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}]
}
});

4.Начало оформление покупки

Отправить событие "begin_checkout" когда пользователь начинает процесс оформления покупки, а именно переходит на страницу оплаты товара.

Пример кода для передачи событий по методу dataLayer.push

function onCheckout() {
dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "begin_checkout",
ecommerce: {
items: [{
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}]
}
});

5.Покупка

Отправить событие "purchase" когда пользователь покупает через корзину. Прошу прикрепить это событие к странице “спасибо” которое открывается после оплаты товара и в случае выбора оплаты после доставки и в случае покупки на сайте - если таких страниц 2 - просьба прикрепить его к двум страницам.

Пример кода для передачи событий по методу dataLayer.push

dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: "T12345", // id: транзакции
affiliation: "Online Store", // Значение cart если заказ из корзины. Значение fastorder если заказ в 1 клик
value: "294", // Итоговая сумма заказа. Разделитель десятичных - точка.
tax: "0",
shipping: "0",
currency: "UAH",
items: [{
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}, {
item_name: "Футболка: UKRAINIAN SUPER DAD, привітанням з Дня Батька”:,// Название товара
item_id: "10.07.10_S/4", // Артикул товара. Должен совпадать с ID в фиде Merchant Centre (если он есть)
price: 294 // Цена товара. Разделитель десятичных - точка.
item_brand: "Wolf", // Бренд товара
item_category: "Чоловікам", // Категория
item_category2: "Одяг", // Подкатегория 2
item_category3: "Футболки", // Подкатегория 3
item_variant: "S" // Розмір
quantity: 1 // количество товара
}]
}
});