Настройка электронной торговли 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 не требуется выполнять дополнительных настроек в ресурсе или представлении, данные отправляются и принимаются по умолчанию.
Теперь потребуется ознакомиться с составными частями кода.
При выполнении определенных действий требуется использовать заранее задекларированные события:
| Событие | Описание |
| 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, что можно увидеть в примере ниже.
Важно! Перед установкой потребуется установить на сайт Google Analytics 4, для чего нужно ознакомиться с инструкцией.
В первую очередь потребуется приобрести и установить плагин:

Для этого переходим в «Marketplace»-«Каталог решений» и вводим «arturgolubev.ecommerce».

Важно! Потребуется наличие лицензии 1С-Битрикс для установки модуля.
Настройки модуля достаточно просты.



Также дополнительно потребуется установить плагин «Интеграция, Маркетинг, реклама» для чего в «Каталоге решений» вводим в поиске «tag manager».

После чего в настройках модуля устанавливаем Google Tag Manager.



Сохраняем ID Аналитики перейдя в «Анадинстратор»-«Потоки данных» и выбираем нужный сайт.

Копируем Идентификатор потока данных.

Теперь переходим в Google Tag Manager и создаем новый тег.

Даем название и выбираем конфигурацию.

Указываем «Конфигурация GA4».

Вводим в «Идентификатор потока данных» скопированное ранее значение.

Вводим «All pages».

Сохраняем значения.

Переходим в «Переменные» и создаем новые.


Вводим название «eventModel.affiliation» и переходим в выбор конфигурации.



Аналогично создаем переменные для:







Создаем в разделе «Триггеры» новый пункт.

Называем его «add_to_cart» и выбираем конфигурацию.

Указываем «Специальное событие».

Вводим «add_to_cart» и сохраняем триггер.

Теперь создаем аналогичные триггеры:




Создаем новый тег.

Вводим название и выбираем конфигурацию.

Выбираем «Событие GA4».

Выбираем ранее созданную конфигурацию.

В качестве названия события указываем {{Event}}.

Открываем «Параметры события».

Добавляем новую строчку.

Вводим items и выбираем параметры.

Указываем {{eventModel.items}}.

Аналогично добавляем и другие параметры как на скриншоте.

Переходим к выбору триггера.

Указываем add_to_cart.
Добавляем еще.

Выбираем все ранее созданные события.

Сохраняем тег.

Отправляем на публикацию версию.

Даем название и описываем вариант.

Для этого открываем сайт через режим «Предварительного просмотра».

После открываем «Конфигурация»-«DebugView».

Теперь видим, что при переходе на нужные страницы видим, что в инструменте отладки показываются действия электронной торговли.

Теперь при перейдя в «Отчеты»-«Монетизация»-«Монетизация» можно увидеть что данные передаются.

В отчете «Совершенные покупки» можно увидеть данные по товарам и покупкам.

Все готово.
Добавить комментарий