Настройка электронной торговли Google Analytics 4 позволяют отслеживать эффективность товаров и их продажи на сайте прямо в интерфейсе аналитики.
Видеоинструкция
Теоретическая часть для настройки электронной торговли в Google Analytics 4
Для того, чтобы система начала работать потребуется при помощи программиста добавить функцию генерации динамических элементов в коде. Пример такого кода:
// Measure product views / impressions
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: «view_item_list»,
ecommerce: {
items: [
{
item_name: «Triblend Android T-Shirt», // Name or ID is required.
item_id: «12345»,
price: 15.25,
item_brand: «Google»,
item_category: «Apparel»,
item_category2: «Mens»,
item_category3: «Shirts»,
item_category4: «Tshirts»,
item_variant: «Gray»,
item_list_name: «Search Results»,
item_list_id: «SR123»,
index: 1,
quantity: 1
},
{
item_name: «Donut Friday Scented T-Shirt»,
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: 2,
quantity: 1
}]
}
});
Клики по товару или списку позиций:
/**
* Call this function when a user clicks on a product link.
* @param {Object} productObj An object that represents the product that is clicked.
*/
function onProductClick(productObj) {
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: «select_item»,
ecommerce: {
items: [{
item_name: productObj.name, // Name or ID is required.
item_id: productObj.id,
item_brand: productObj.brand,
item_category: productObj.category,
item_category2: productObj.category_2,
item_category3: productObj.category_3,
item_category4: productObj.category_4,
item_variant: productObj.variant,
item_list_name: productObj.list_name,
item_list_id: productObj.list_id,
index: productObj.index,
quantity: productObj.quantity,
price: productObj.price
}]
}
});
}
Добавление товара в корзину:
// 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
}]
}
});
Транзакции:
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
}]
}
});
Важно! В отличие от Universal Analytics в GA4 не требуется выполнять дополнительных настроек в ресурсе или представлении, данные отправляются и принимаются по умолчанию.
Теперь потребуется ознакомиться с составными частями кода.
События электронной торговли в GA4
При выполнении определенных действий требуется использовать заранее задекларированные события:
| Событие | Описание |
| view_item_list | Просмотры и показы списка товаров или позиций |
| select_item | Клики по товару или списку позиций |
| view_item | Просмотры и показы информации о товаре или позиции |
| add_to_cart | Добавление товара в корзину |
| remove_from_cart | Удаление товара из корзины |
| view_promotion | Просмотры и показы внутренней рекламы |
| select_promotion | Клики по внутренней рекламе |
| begin_checkout | Начало оформления покупки |
| purchase | Покупка |
| refund | Возврат средств |
| view_cart | Просмотр корзины |
| add_payment_info | Добавление данных об оплате |
| add_shipping_info | Добавление данных о доставке |
| add_to_wishlist | Добавление в список желаний |
Более подробно о них можно прочитать в справке:
Данные о товарах в GA4
В таблице представлены данные о товарах, которые требуется передать и их аналог в UA:
| Значение | В GA4 | В Universal Analytics |
| Список товаров | Items | Products |
| ID товара | Id | Items_id |
| Наименование товара | name | Items_name |
| Наименования списка | Items_list_name | list |
| Номер товара в списке | Index | position |
| Бренд товара | Item_brand | Brand |
| Категория товара | Item_category | Category |
| Категория уровня 2…5 | Item_category2….5 | Отсутствует |
| Вариант/модификация товара | Item_variant | Varian |
| Филиал магазина | Affiliation | Отсутствует |
| Скидка на товар | Discount | Отсутствует |
| Купон на скидку | Coupon | Coupon |
| Цена | Price | Price |
| Валюта | Currency | Отсутствует |
| Количество товара | quantity | quantity |
Данные о рекламе в GA4
Для внутренней рекламы можно использовать следующие данные:
| Параметр | Значение |
| promotion_id | Идентификатор акции |
| promotion_name | Наименование рекламной акции |
| crative_name | Наименование креатива рекламной акции |
| creative_slot | Место показа баннера |
| location_id | Местоположение связанное с товаром |
Данные о действиях в Google Analytics 4
Для действий потребуется передать следующие параметры:
| transaction_id | Идентификатор транзакции |
| affiliation | Магазин или филиал, где была произведена покупка |
| value | Сумма продажи |
| currency | Валюта |
| tax | Сумма налога |
| shipping | Стоимость доставки |
| items | Список проданных товаров |
| shipping_tier | Категория товара |
| payment_type | Метод оплаты |
| coupon | Используемый купон |
| promotion_id | Идентификатор акции |
| promotion_name | Название акции |
| creative_name | Название креатива |
| creative_slot | Название рекламного места |
| location_id | Местоположение связанное с товаром |
| item_list_name | Название списка товаров, куда входила купленная номенклатура |
| item_list_id | Идентификатор списка товаров |
Если все данные настроены и переданы, то потребуется перейти к настройке в GTM, что можно увидеть в примере ниже.
Пример настройки электронной торговли в GA4 на сайте WordPress
Установка модуля настройки электронной торговли в GA4 для 1C-Bitrix
Важно! Перед установкой потребуется установить на сайт Google Analytics 4, для чего нужно ознакомиться с инструкцией.
В первую очередь потребуется приобрести и установить плагин:
Для этого переходим в «Marketplace»-«Каталог решений» и вводим «arturgolubev.ecommerce».
Важно! Потребуется наличие лицензии 1С-Битрикс для установки модуля.
Настройки модуля достаточно просты.
Также дополнительно потребуется установить плагин «Интеграция, Маркетинг, реклама» для чего в «Каталоге решений» вводим в поиске «tag manager».
После чего в настройках модуля устанавливаем Google Tag Manager.
Настройка модуля электронной торговли в GA4 для 1С-Битрикс в GTM
Сохраняем ID Аналитики перейдя в «Анадинстратор»-«Потоки данных» и выбираем нужный сайт.
Копируем Идентификатор потока данных.
Теперь переходим в Google Tag Manager и создаем новый тег.
Даем название и выбираем конфигурацию.
Указываем «Конфигурация GA4».
Вводим в «Идентификатор потока данных» скопированное ранее значение.
Вводим «All pages».
Сохраняем значения.
Переходим в «Переменные» и создаем новые.
Вводим название «eventModel.affiliation» и переходим в выбор конфигурации.
Аналогично создаем переменные для:
- eventModel.coupon
- eventModel.currency
- eventModel.items
- eventModel.shipping
- eventModel.tax
- eventModel.transaction_id
- eventModel.value
Создаем в разделе «Триггеры» новый пункт.
Называем его «add_to_cart» и выбираем конфигурацию.
Указываем «Специальное событие».
Вводим «add_to_cart» и сохраняем триггер.
Теперь создаем аналогичные триггеры:
- begin_checkout
- purchase
- remove_from_cart
- view_item
Создаем новый тег.
Вводим название и выбираем конфигурацию.
Выбираем «Событие GA4».
Выбираем ранее созданную конфигурацию.
В качестве названия события указываем {{Event}}.
Открываем «Параметры события».
Добавляем новую строчку.
Вводим items и выбираем параметры.
Указываем {{eventModel.items}}.
Аналогично добавляем и другие параметры как на скриншоте.
Переходим к выбору триггера.
Указываем add_to_cart.
Добавляем еще.
Выбираем все ранее созданные события.
Сохраняем тег.
Отправляем на публикацию версию.
Даем название и описываем вариант.
Проверка настройки электронной торговли Google Analytics 4 для сайта на 1С-Битрикс
Для этого открываем сайт через режим «Предварительного просмотра».
После открываем «Конфигурация»-«DebugView».
Теперь видим, что при переходе на нужные страницы видим, что в инструменте отладки показываются действия электронной торговли.
Теперь при перейдя в «Отчеты»-«Монетизация»-«Монетизация» можно увидеть что данные передаются.
В отчете «Совершенные покупки» можно увидеть данные по товарам и покупкам.
Все готово.
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте
(1 оценок, среднее: 4,00 из 5)