Расширенная электронная торговля Google Analytics

|
Автор: Евгений Холостенко
Просмотров: 363
5 1 1 1 1 1 1 1 1 1 1 Оценка 5.00 (4 голосов)

Расширенная электронная торговля (Enhanced Ecommerce) Google Analytics - это возможность отслеживать действия пользователя на сайте, начиная от просмотра, заканчивая заказом на сайте, отследить цепочку взаимодействий на уровне больших данных, сделать системные выводы и принять решения о структурных изменениях.

Стандартная электронная торговля это информация о заказах с финансовыми данными в аналитике, расширенная электронная торговля это та же информация, но уже с поведением пользователей с возможностями формирования воронки продаж. Как настроить, и что можно получить, говорим об этом. Итак, поехали!

1
Подключаем расширенную электронную торговлю на уровне Google Analytics:
настройка электронной торговли в Google Analytics
Увеличить изображение
2
Формируем пакет ТЗ для программистов по отправке событий в Tag Manager, который в свою очередь будет передавать события в Google Analytics.

Внутри, кода Tag Manager или в любом другом месте, к примеру в Footer, мы будем помещать контейнер данных, которые будут передаваться через Data Layer в Google Tag Manager, а затем в Analytics.

Data Layer – это стандартизированный формат данных для передачи данных с сайта в сторонние сервисы.

Каждая страница будет отдавать свою информацию о взаимодействии с сайтом со своими спец параметрами.

2.1 Показы товаров

Событие: impressions.

Размещение: страница каталога товара.

Описание: показ товаров в каталоге или в результате поиска конкретного товара или просто открытия категории.

Сработка события: в момент показа товара в видимой области.

Код в данном случае будет иметь следующий вид ниже, думаю даже не стоит расписывать, что означает каждая переменная, так как предельно все понятно.


dataLayer.push({
  'ecommerce': {
    'currencyCode': 'UAH',                       // Local currency is optional.
    'impressions': [
     {
       'name': 'Triblend Android T-Shirt',       // Name or ID is required.
       'id': '12345',
       'price': '15.25',
       'brand': 'Google',
       'category': 'Apparel',
       'variant': 'Gray',
       'list': 'Search Results',
       'position': 1
     },
     {
       'name': 'Donut Friday Scented T-Shirt',
       'id': '67890',
       'price': '33.75',
       'brand': 'Google',
       'category': 'Apparel',
       'variant': 'Black',
       'list': 'Search Results',
       'position': 2
     }]
  },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'Impressions',
 'gtm-ee-event-non-interaction': 'True',
});
    

где:

'event': 'gtm-ee-event' - название пользовательского события, может быть произвольным

'gtm-ee-event-category': 'Enhanced Ecommerce' - категория события

'gtm-ee-event-action': 'Impressions' - действие

Этот блок отправляет данные в Tag Manager о совершении события. В данном случае, в идеале, чтобы событие отрабатывало только, когда товар находится в видимой области экрана.

2.2 Клики по товарам

Событие: productClick.

Размещение: страница каталога товара.

Описание: передача данных о кликах и переходах в товар.

Сработка события: в момент клика на карточку товара.


function(productObj) {
  dataLayer.push({
      'ecommerce': {
      'click': {
        'actionField': {'list': 'Search Results'},      // Optional list property.
        'products': [{
          'name': productObj.name,                     
          'id': productObj.id,
          'price': productObj.price,
          'brand': productObj.brand,
          'category': productObj.cat,
          'variant': productObj.variant,
          'position': productObj.position
         }]
       }
     },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'productClick',
 'gtm-ee-event-non-interaction': 'True',
     }
  });
}
  

2.3 Показы информации по товарам

Событие: detail.

Размещение: карточка товара.

Описание: просмотр информации о характеристиках товара и в целом самого товара.

Сработка события: в момент просмотра фото или характеристик товара.


dataLayer.push({
  'ecommerce': {
    'detail': {
      'actionField': {'list': 'Apparel Gallery'},    // 'detail' actions have an optional list property.
      'products': [{
        'name': 'Triblend Android T-Shirt',         // Name or ID is required.
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray'
       }]
     }
   },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'detail',
 'gtm-ee-event-non-interaction': 'True',
});
  

2.4 Добавление товаров в корзину и удаление их из корзины

Событие: addToCart.

Размещение: страница каталога товара.

Описание: добавление товаров в корзину.

Сработка события: в момент клика на кнопку “добавить в корзину” или “купить в 1 клик”.


  dataLayer.push({
  'ecommerce': {
    'currencyCode': 'UAH',
    'add': {                                // 'add' actionFieldObject measures.
      'products': [{                        //  adding a product to a shopping cart.
        'name': 'Triblend Android T-Shirt',
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray',
        'quantity': 1
       }]
    }
  },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'addToCart',
 'gtm-ee-event-non-interaction': 'True',
});
  

Событие: removeFromCart.

Размещение: корзина.

Описание: удаление товаров из корзины.

Сработка события: в момент нажатия на крестик в корзине или кнопку “удалить” напротив товара.


  dataLayer.push({
  'ecommerce': {
    'remove': {                               // 'remove' actionFieldObject measures.
      'products': [{                          //  removing a product to a shopping cart.
          'name': 'Triblend Android T-Shirt',
          'id': '12345',
          'price': '15.25',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Gray',
          'quantity': 1
      }]
    },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'removeFromCart',
 'gtm-ee-event-non-interaction': 'True',
  }
});
  

2.5 Оформление покупки

Событие: checkout.

Размещение: корзина.

Описание: отправка информации о прохождении этапов оформления заказа.

Сработка события: в момент прохождения шага оформления заказа.

Есть возможность деления на шаги, если оформление осуществляется в несколько этапов.


function onCheckout() {
  dataLayer.push({
    'ecommerce': {
      'checkout': {
        'actionField': {'step': 1, 'option': 'Visa'},  // произвольно заполняете информацию о параметрах заказа
        'products': [{
          'name': 'Triblend Android T-Shirt',
          'id': '12345',
          'price': '15.25',
          'brand': 'Google',
          'category': 'Apparel',
          'variant': 'Gray',
          'quantity': 1
       }]
     }
   },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'Checkout Step 1',
 'gtm-ee-event-non-interaction': 'True',
   }
  });
}
  

Если Ваш интернет-магазин предусматривает 2-х или более этапную систему оформления заказа, то на следующей странице Вы отправляете аналогичный код, только уже со Step 2 и option какой необходим. Также добавляем шаги оформления заказа в настройках расширенной электронной торговли.

шаги оформления заказа в настройках электронной торговли
Увеличить изображение

2.6 Покупка

Событие: purchase.

Размещение: страница благодарности за заказ выше кода тег менеджер.

Описание: отправка информации о заказе.

Сработка события: в момент открытия страницы благодарности с информацией о заказе.

Внимание. Если у Вас была настроена стандартная электронная торговля - старый код необходимо будет удалить и прописать новый код + удалить старую сработку события на стороне тег менеджер + инициализировать переменную dataLayer выше кода скрипта, помощь здесь.


dataLayer.push({
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': 'T12345',                         // Transaction ID. Required for purchases and refunds.
        'affiliation': 'Online Store',
        'revenue': '35.43',                     // Total transaction value (incl. tax and shipping)
        'tax':'4.90',
        'shipping': '5.99',
        'coupon': 'SUMMER_SALE'
      },
      'products': [{                            // List of productFieldObjects.
        'name': 'Triblend Android T-Shirt',     // Name or ID is required.
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray',
        'quantity': 1,
        'coupon': ''                            // Optional fields may be omitted or set to empty string.
       },
       {
        'name': 'Donut Friday Scented T-Shirt',
        'id': '67890',
        'price': '33.75',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Black',
        'quantity': 1
       }]
    }
  },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'purchase',
 'gtm-ee-event-non-interaction': 'True',
});
  

Это основные события. Если Вам необходимо больше информации, ее можно получить в руководстве для разработчиков.

3
Приемка событий на уровне Tag Manager и отправка в Google Analytics.

3.1 Создаем пользовательскую переменную пользовательского события.

3.2 Отправляем типовые события по триггеру пользовательского события в Google Analytics.

конфигурация тега
Увеличить изображение

В действие прописываем действие в зависимости от события, которое мы отправляем.

Есть вариант настройки электронной торговли без Tag Manager, в данном случае события отправляются напрямую в Google Analytics через ga('require', 'ec') непосредственно доработкой самого кода аналитики, инструкция для разработчиков здесь.

3.3 Тестируем работу через Tag Assistant и отслеживаем новые отчеты в Google Analytics. Строим правильные аналитические выводы.

отчеты в Google Analytics
Увеличить изображение

За более подробной информацией, обращайтесь по контактам агентства.