Электронная торговля 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Добавление в список желаний

Более подробно о них можно прочитать в справке:

https://developers.google.com/gtagjs/reference/ga4-events?hl=ru

Данные о товарах в GA4

В таблице представлены данные о товарах, которые требуется передать и их аналог в UA:

ЗначениеВ GA4В Universal Analytics
Список товаровItemsProducts
ID товараIdItems_id
Наименование товараnameItems_name
Наименования спискаItems_list_namelist
Номер товара в спискеIndexposition
Бренд товараItem_brandBrand
Категория товараItem_categoryCategory
Категория уровня 2…5Item_category2….5Отсутствует
Вариант/модификация товараItem_variantVarian
Филиал магазинаAffiliationОтсутствует
Скидка на товарDiscountОтсутствует
Купон на скидкуCouponCoupon
ЦенаPricePrice
ВалютаCurrencyОтсутствует
Количество товараquantityquantity

Данные о рекламе в 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, для чего нужно ознакомиться с инструкцией.

В первую очередь потребуется приобрести и установить плагин:

https://marketplace.1c-bitrix.ru/solutions/arturgolubev.ecommerce/

Модуль для настройки электронной коммерции GA4 для 1С Битрикс

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

Поиск Модуля для настройки электронной коммерции GA4 для 1С Битрикс

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

Настройки модуля достаточно просты.

Переход в настройки Модуля для настройки электронной коммерции GA4 для 1С-Битрикс

Основные настройки модуля электронной коммерции Google Analytics 4 для 1C-Bitrix

Дополнительные настройки модуля электронной торговли GA4 для 1C Bitrix

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

Поиск модуля для Google Tag Manager для 1С Битрикс

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

Переход в модуль GTM для 1С Битрикс

Настройки модуля электронной торговли GA4 для 1C Bitrix

Настройка модуля GTM для 1С Битрикс

Настройка модуля электронной торговли в GA4 для 1С-Битрикс в GTM

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

Переход в потоки данных в Google Analytics 4

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

Копирование ID GA4

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

Создание нового тега в GTM

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

Создание нового тега для конфигурации GA4

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

Выбор конфигурации GA4

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

Создание тега конфигурации GA4 в GTM

Вводим «All pages».

Выбор триггера GA4 для всех страниц в Google Tag Manager

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

Созданный тег конфигурации GA4 в GTM

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

Переход в переменные в Google Tag Manager

Создание новой переменной в Google Tag Manager

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

Создание переменной affiliation для электронной торговли GA4 в GTM

Выбор переменной уровня данных в GTM

Создание переменной affiliation для электронной торговли GA4 в Google Tag Manager

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

    • eventModel.coupon

Создание переменной coupon для электронной торговли GA4 в Google Tag Manager

    • eventModel.currency

Создание переменной currency для электронной торговли GA4 в Google Tag Manager

    • eventModel.items

Создание переменной items для электронной торговли GA4 в Google Tag Manager

    • eventModel.shipping

Создание переменной shipping для электронной торговли GA4 в Google Tag Manager

    • eventModel.tax

Создание переменной tax для электронной торговли GA4 в Google Tag Manager

    • eventModel.transaction_id

Создание переменной transaction для электронной торговли GA4 в Google Tag Manager

    • eventModel.value

Создание переменной value для электронной торговли GA4 в Google Tag Manager

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

Создание нового триггера в GTM

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

Создание нового триггера для электронной коммерции GA4 в GTM

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

Выбор типа триггера специальное событие в GTM

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

Создание нового триггера add_to_cart для электронной торговли GA4 в GTM

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

    • begin_checkout

Создание нового триггера begin_checkout для электронной торговли GA4 в GTM

    • purchase

Создание нового триггера purchase для электронной торговли GA4 в GTM

    • remove_from_cart

Создание нового триггера remove_from_cart для электронной торговли GA4 в GTM

    • view_item

Создание нового триггера view_item для электронной торговли GA4 в GTM

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

Создание нового тега в Google Tag Manager

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

Выбор типа тега для электронной торговли GA4 в GTM

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

Выбор типа тега событие GA4 в GTM

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

Выбор конфигурации GA4 для GTM

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

Создание действия для электронной торговли GA4 в GTM

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

Переход в параметры события GA4 в GTM

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

Добавление нового параметра для события GA4 в GTM

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

Создание параметра для электронной торговли GA4 в событии GTM

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

Выбор значения для события параметра для электронной торговли GA4 в событии GTM

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

Созданные параметры для события для электронной торговли GA4 в событии GTM

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

Выбор триггера для тега электронной торговли GA4 в GTM

Указываем add_to_cart.

Добавляем еще.

Добавление нового триггера для тега электронной торговли GA4 в GTM

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

Все триггеры для тега электронной торговли GA4 в GTM

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

Сохранение тега электронной торговли GA4 в GTM

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

Отправка публикаций для GTM

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

Добавление названия и публикации для версии GTM

Проверка настройки электронной торговли Google Analytics 4 для сайта на 1С-Битрикс

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

Переход в режим предварительного просмотра в Google Tag Manager

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

Переход в DebugView в GA4

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

Корректно переданные данные электронной торговли GA4 для сайта на 1С-Битрикс

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

Отчет монетизации для электронной торговли в GA4

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

Отчет по совершенным покупкам электронной торговли в GA4

Все готово.

Дата публикации: 01/02/2025

Дата обновления: 01/02/2025

Подписывайтесь на нас: