Инструментирование электронной торговли в ресурсах Universal Analytics и "Google Аналитика 4"

В этой статье приводится сравнение тегов электронной торговли для ресурса Universal Analytics (UA) и "Google Аналитика 4" (GA4). Чтобы данные передавались одновременно в ресурсы UA и GA4, добавьте теги для обоих ресурсов.

Для работы тегов электронной торговли нужен базовый тег страницы.

Существующее инструментирование

Изучите, как реализована текущая система электронной торговли. Скорее всего, она основана на одном из следующих сценариев:

  • Тег Аналитики (analytics.js) со стандартной электронной торговлей
  • Тег Аналитики (analytics.js) с расширенной электронной торговлей
  • Глобальный тег (gtag.js) со стандартной или расширенной электронной торговлей

Тег Аналитики со стандартной электронной торговлей

Приведенный ниже тег analytics.js является примером транзакции стандартной электронной торговли, которая была задана вручную. Если в ресурсе UA вы используете код analytics.js и стандартную электронную торговлю, существующая транзакция будет выглядеть примерно так:

// Start Google Analytics analytics.js ecommerce transaction
ga('ecommerce:addTransaction', {
  'id': '1234',    // Note: In gtag.js below, ‘id’ maps to “transaction_id”
  'affiliation': 'Google online store',
  'revenue': '23.07',
  'shipping': '0',
  'tax': '1.24'
});
ga('ecommerce:addItem', {
  'id': '1234',    // Note: In gtag.js below, “items”:[{“id”}] is the item SKU, not the transaction ID
  'name': 'Android Warhol T-Shirt',
  'sku': 'P12345', // In gtag.js below, ‘sku’ maps to “items”:[{“id”}]
  'category': 'Apparel/T-Shirts',
  'price': '2.0',
  'quantity': '2'
});
ga('ecommerce:addItem', {
  'id': '1234',
  'name': 'Flame challenge TShirt',
  'sku': 'P67890',
  'category': 'Apparel/T-Shirts',
  'price': '3.0',
  'quantity': '1'
});
ga('ecommerce:send');

Тег Аналитики с расширенной электронной торговлей

Приведенный ниже тег analytics.js является примером транзакции расширенной электронной торговли, которая была задана вручную. Если в ресурсе UA вы используете код analytics.js и расширенную электронную торговлю, существующая транзакция будет выглядеть примерно так:

   ga('create', 'UA-XXXXX-Y', 'auto');
   ga('require', 'ec');
   ga('ec:addProduct', {
     'id': 'P12345',                   // SKU
     'name': 'Android Warhol T-Shirt',
     'category': 'Apparel/T-Shirts',
     'quantity': 2,
     'price': 2,
   });
    ga('ec:addProduct', {
      'id': 'P67890',                  // SKU
      'name': 'Flame Challenge TShirt',
      'category': 'Apparel/T-Shirts',
      'quantity': 1,
      'price': 3,
    });
     ga('ec:setAction', 'purchase', {
       'id': 'T12345',                  // Transaction id
      'affiliation': 'Google Store - Online',
      'revenue': 23.07,
       'tax': 1.24,
       'shipping': '0',
     });
     ga('send', 'pageview');

Глобальный тег

Если вы используете в ресурсе UA код gtag.js, вам не нужно добавлять другой тег. Существующее инструментирование электронной торговли будет также работать с ресурсами типа GA4. Чтобы настроить на сайте поддержку и ресурсов UA, и ресурсов типа GA4, добавьте ресурс типа GA4 в существующий фрагмент gtag.js:

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');
  gtag('config', 'G-XXXXX'); // Added Google Analytics 4 ID
</script>

Эквивалентное инструментирование электронной торговли для ресурса типа "Google Аналитика 4"

В следующих разделах приведенные выше методы адаптированы для глобального тега и Google Менеджера тегов.

Эквивалентная транзакция ресурса типа "Google Аналитика 4" в gtag.js

Теги analytics.js для стандартной и расширенной электронной торговли, приведенные выше, сопоставимы с указанным ниже инструментированием gtag.js для ресурса типа GA4.

 gtag('event', 'purchase', {
  "transaction_id": "1234",
  "affiliation": "Google online store",
  "value": 23.07,
  "currency": "USD",
  "shipping": 0,
   "tax": 1.24,
  "items": [
    {
      "id": "P12345", // Note that this is the SKU, not the transaction ID
      "name": "Android Warhol T-Shirt",
      "category": "Apparel/T-Shirts",
      "quantity": 2,
      "price": '2.0'
    },
    {
      "id": "P67890", // Note that this is the SKU, not the transaction ID
      "name": "Flame challenge TShirt",
      "category": "Apparel/T-Shirts",
      "quantity": 1,
      "price": '3.0'
    }
  ]
});

Дополнительные сведения об инструментировании электронной торговли в ресурсах типа GA4 и использованию тега gtag.js приведены в руководстве для разработчиков.

Google Менеджер тегов

Если вы используете Google Менеджер тегов для ресурса UA, добавьте тег события Google Аналитики GA4 и настройте в нем передачу данных о событиях электронной торговли.

  1. Нажмите Теги > Создать.
  2. Нажмите Конфигурация тега.
  3. Выберите Google Аналитика: событие GA4.
  4. Для параметра Тег конфигурации выберите соответствующий вариант.
  5. Для параметра Имя события введите purchase.
  6. Разверните раздел Параметры события и добавьте названия и значения для каждого параметра, приведенного в предыдущем примере глобального тега. В большинстве случаев для передачи значений удобнее использовать переменную Менеджера тегов.
  7. Нажмите Триггеры и выберите условия, при которых будет активироваться событие электронной торговли.
  8. Сохраните конфигурацию тега и опубликуйте контейнер.

Дополнительные сведения об инструментировании электронной торговли в ресурсах типа GA4 и использованию Google Менеджера тегов приведены в руководстве для разработчиков.