Настройка электронной торговли 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Список товаровItemsProductsID товара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/
Для этого переходим в «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».
Теперь видим, что при переходе на нужные страницы видим, что в инструменте отладки показываются действия электронной торговли.
Теперь при перейдя в «Отчеты»-«Монетизация»-«Монетизация» можно увидеть что данные передаются.
В отчете «Совершенные покупки» можно увидеть данные по товарам и покупкам.
Все готово.
Источник: https://seopulses.ru/electronnaya-torgovlya-v-google-analytics-4/
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте
