Базовые инструменты электронной торговли собирают информацию только о завершенных покупках. Звучит вроде бы неплохо, но такой подход — классическая «ошибка выжившего». Мы знаем, как ведут себя наши покупатели, но не понимаем, почему другие посетители уходят без покупки и сколько их. Значит, постоянно теряем деньги и не понимаем где.
Enhanced Ecommerce поз воляет возможность отследить и проанализировать прохождение пользователем воронки продаж на сайте. То есть, с Google Analytics вы сможете:
Проанализировать, какие карточки товаров просматривают посетители;
Какие шаги оформления заказа были сделаны посетителем;
На каком этапе люди уходят с сайта;
Какой товар добавляется в корзину;
Какие товары чаще других удаляются из корзины;
Какие варианты оформления заказа предпочитает целевая аудитория (тип доставки, метод оплаты и т.д).
Глобально, это дает нам три главных выгоды, ради которых и нужно осваивать инструменты расширенной электронной коммерции:
Вы получите данные о полном цикле продажи своего сайта. Узнаете поведение своей аудитории от захода на сайт до оформления покупки.
Сможете оценить эффективность «воронки продаж» на сайте и выявить слабые места.
Начнете хранить эти данные в удобной группе отчетов Google Analytics и Google BigQuery, готовой к последующей обработке.
Настроить сбора информации Enhanced Ecommerce в Google Analytics можно при помощи Диспетчера тегов Google (Google Tag Manager).
Содержание
Почему мы выбираем именно Google Tag Manager?
Есть три причины, почему мы используем для внедрения Расширенной электронной торговли (Enhanced Ecommerce) именно через Google Tag Manager.
Google Tag Manager дает доступ к тонким настройкам. Мы можем настроить получение информации только с определенных страниц или активировать теги только при определенных действиях пользователя на сайте.
Удобная отладка данных. Аналитик может проверить данные на ошибки в режиме предварительного просмотра и проверить, в каком виде они передаются в Google Analytics;
После настройки расширенной электронной торговли через Google Tag Manager, данные Enhanced Ecommerce можно передать и в другие системы. Например, данные о транзакции в Facebook Ads или Criteo.
Настройка Enhanced Ecommerce с помощью Google Tag Manager
Чтобы внедрить Enhanced Ecommerce через инструменты Google Tag Manager, нужно решить три задачи:
Включить Enhanced Ecommerce в настройках Google Analytics;
Настроить передачу информации в DataLayer. DataLayer — это JavaScript-код, который содержит данные электронной торговли. Данная задача требует знания программирования, ее обычно делает команда веб-разработчиков по техзаданию аналитика;
Настроить теги в Google Tag Manager, чтобы они собирали информацию из DataLayer и отправляли их в Google Analytics.
Все это мы разберем сейчас, начав с самого простого и дойдя до всех тонкостей настройки расширенной электронной торговли.
Включаем Enhanced Ecommerce в Google Analytics
Прежде всего нужно активировать отчеты расширенной электронной торговли в самой Google Analytics. Переходите в Admin- View - Ecommerce Settings
раздел и в настройках электронной торговли выбранного представления включайте кнопку отчетов.

На этом первая стадия настройки выполнена, и можно переходить к более серьезным задачам.
Готовим техническое задание для разработчиков по внедрению кода Enhanced E-commerce на сайт и настраиваем теги непосредственно в Google Tag Manager.
Впечатления от продукта
Показатель показов товаров в каталогах дает нам знание о том, сколько раз тот или другой товар был показан посетителям в составе списков, рубрикаторов, разделов, списков.

Очень важно настроить получение данных по этому параметру, чтобы понимать интересы своей аудитории. Какие списки она формирует, какой группой товаров интересуется, какие параметры продукции для нее имеют первостепенное значение.
Можно настроить передачу общего количество показов, которое считывается по триггеру при заходе посетителя на страницу с товарами.
Можно отправлять данные только о тех товарах, которые были в видимой области экрана.
Выбор зависит от конкретного технического задания, которое должен составить аналитик, и от конкретных целей, которые должно решать исследование трафика сайта.
Для отслеживания этих параметров необходимо добавить на сайт JS код следующего типа:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event:'ProductImpressions',
ecommerce: {
impressions: [{ //first product
name: 'iPhone XS Max', //product name
id: 'A123', //product article
price: 999.00, //unit price
category: 'Smartphone', //product category
brand: 'Apple', //product brand
list: 'iPhones', //list name
position: 1 //position of a product in the list
}, { //second product
name: 'iPhone X',
id: 'A124',
price: 1099.00,
category: 'Smartphone',
brand: 'Apple',
list: 'iPhones',
position: 2
}
//more details about the product
]
}
});
<script>
Разберем переменные, которые используются в коде:
# | Имя ключа | Описание |
---|---|---|
1 | name | название товара |
2 | id | артикул товара |
3 | price | цена товара |
4 | category | категория товара |
5 | brand | бренд товара |
6 | variant | модификация, версия товара |
7 | list | версия списка в который добавлен товар / список, в котором находился товар |
8 | position | позиция товара в списке |
После вывода JS кода на сайте, можно переходить к настройке передачи этих данных в Google Analytics через Google Tag Manager.
Для этого:
Создаем тег типа Universal Analytics;
Тип отслеживания: Событие
В категории события: Enhanced Ecommerce Events
В действии события: Product Impressions
В ярлык указываем: List name:{{ecommerce.impressions.list}}
Для активации активации тега необходимо создать триггер со следующими настройками:
Тип триггера: Пользовательское событие
В качестве имя события задать условие:ProductImpressions
(обратите внимание, что именно этот ивент был прописан в коде JS).
Теперь данные будут собираться в DataLayer и оттуда с помощью Google Tag Manager передаваться в Google Analytics.
Клики по продукту
С показателем показов тесно связан и показатель кликов по товарам в списках. Он помогает определить наиболее популярные товары в каждой категории, а также понять, насколько эффективны и востребованы существующие списки в принципе.
При клике на товар, необходимо вывести код:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'productClick',
ecommerce: {
click: {
actionField: {
list: 'Phones' //name of the list from which a user clicked on a product
},
products: [{ //a product on which a user clicked
id: 'A123', //an article of the product on which a user clicked
name: 'iPhone XS Max',
price: 999.00,
brand: 'Apple',
category: 'Smartphone',
position: 3 //position of a product in the list
}]
}
}
});
</script>
Разберем переменные, которые используются в коде:
# | Имя ключа | Описание |
---|---|---|
1 | name | название товара |
2 | id | артикул товара |
3 | price | цена товара |
4 | category | категория товара |
5 | brand | бренд товара |
6 | variant | модификация, версия товара |
7 | list | версия списка в который добавлен товар / список, в котором находился товар |
8 | position | позиция товара в списке |
После вывода JS кода на сайте, можно переходить к настройке передачи этих данных в Google Analytics через Google Tag Manager.
Для этого:
Создаем тег типа Universal Analytics:
Тип отслеживания: Событие
В категории события: Enhanced Ecommerce Events
В действии события: Product Clicks
Ярлык: List name:{{ecommerce.click.actionField.list}}
Для активации активации тега необходимо создать триггер со следующими настройками:
Тип триггера: Пользовательское Событие
В качестве имя события задать условие productClick (обратите внимание, что именно этот ивент был прописан в коде JS).
Просмотры карточки товара
Информация о просмотрах карточки товаров является одним из шагов в воронке продаж и может дать много пищи для размышлений.
Детально изучается коэффициент конверсии переходов из карточки товара в добавление в корзину. Если конверсия низкая, значит товар не соответствует ожиданиям покупателей, либо информация о нем неполная и нуждается в доработке. Возможно, недостаточно проработан UI — незаметно сделана кнопка «Купить». Или возникла техническая проблема, и добавление товара в корзину вообще не работает.
Когда человек переходит на страницу товара, срабатывает JavaScript, который необходимо встроить в код сайта:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'productDetail',
ecommerce: {
detail: {
actionField: {list: 'Phones'}, //a list from where a product was opened.
products: [{
name: 'iPhone XS Max',
id: 'A123',
price: 999.00,
brand: 'Apple',
category: 'Smartphone',
variant: 'Gold'
}]
}
}
});
</script>
Большинство переменных мы уже разобрали в предыдущем инструменте.
# | Имя ключа | Описание |
---|---|---|
1 | actionField | список, из которого был открыт товар. |
2 | name | название продукта. |
3 | id | идентификатор продукта; |
4 | price | цена товара |
5 | category | категория продукта |
6 | brand | бренд продукта |
7 | variant | модификация, версия продукта |
8 | list | версия списка, в который добавлен продукт / список, в котором находился продукт |
9 | position | позиция продукта в списке |
Помимо данных о просмотре карточки товара, можно собирать информацию о просмотрах дополнительных товаров (в случае настройки на карточке товара кросс-продаж, акций с подарком или Upsell или Downsell рекламной кампании).
Также с этим показателем неразрывно связан показатель кликов по товарам, который мы также разбирали выше. Напомним, что он передает в Google Analytics такую же информацию, но еще учитывает положение товаров в списке (Product Clicks).
После вывода JS кода на сайте, можно переходить к настройке передачи этих данных в Google Analytics через Google Tag Manager. Для этого:
Создаем тег типа Universal Analytics;
Тип отслеживания: Событие
В категории события: Enhanced Ecommerce Events
В действии события: Product Detail
Label: List name:{{ecommerce.detail.actionField.list}}
Чтобы активировать тег, необходимо создать триггер со следующими настройками:
Тип триггера: пользовательское событие
В качестве имя события задать условиеproductDetail
(обратите внимание, что именно этот ивент был прописан в коде JS).
Добавление товара в корзину
Добавление товара в корзину — один из самых важных параметров, так как показывает высокую степень интереса пользователя не только в продукте, но и в вашем ценовом предложении.
В зависимости от сложности интернет-магазина, у пользователя может быть несколько опций добавления товара в корзину: из карточки товара, из списков, либо рекомендательных блоков (например, список сопутс твующих товаров). Аналитика должна учитывать все варианты добавления товара в корзину, чтобы показать, какой из блоков сайта сделан лучше и генерирует больше продаж. Может быть ваши покупатели покупают товары только из определенного списка или акционного раздела?
Для этого нужно встроить в код сайта следующий скрипт:
<script> window.dataLayer = window.dataLayer || []; dataLayer.push({ event: 'addToCart', ecommerce: { add: { actionField: {list: 'Phones'}, products: [{ name: 'iPhone XS Max', id: 'A123', price: 1099.00, brand: 'Apple', category: 'Smartphone', variant: 'Gold', quantity: 1 //the number of added product }] } } });</script>
Переменные:
Все переменные уже нам знакомы, кроме:
quantity — количество добавленных товаров в корзину
После вывода JS кода на сайте, можно переходить к настройке передачи этих данных в Google Analytics через Google Tag Manager. Для этого:
Создаем тег типа Universal Analytics
Тип отслеживания: Событие
В категории события: Enhanced Ecommerce Events
В действии события: Add to Cart
Label: List name:{{ecommerce.add.actionField.list}}