Электронная торговля Google Analytics 4 : что это и как настроить

Настройка электронной торговли 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

Все готово.

Подписывайтесь на наш канал в Яндекс.Дзен

Подписывайтесь на наш Telegram-канал

Подписывайтесь на наш Youtube-канал

Подписывайтесь на нашу группу ВКонтакте

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...