Внедрение расширенной электронной коммерции Google на ShopScript 7
Владелец интернет-магазина «ProfiMake» хотел получать максимально точные аналитические данные о работе магазина. Важны были не только основные показатели, вроде количества посетителей и заказов, но и второстепенные: просмотры конкретных товаров, посещения корзины и т.д.
Используя эти данные можно отслеживать привлекательность конкретных товаров, эффективность рекламных баннеров, на каком этапе воронки продаж отсеивается наибольшее количество посетителей и многое другое. Эта информация даёт возможность более точно настраивать рекламные кампании и использовать сложные сценарии. Однако для их реализации необходимо внедрить расширенную электронную коммерцию.
Что такое расширенная электронная коммерция?
Плагин расширенной электронной торговли для analytics.js позволяет узнать, как пользователи взаимодействуют с товарами в интернет-магазинах. С его помощью можно отслеживать показы и клики, просмотр информации о товаре, добавление в корзину и удаление из нее, процесс оформления покупки, транзакции и возвраты.
Из руководства по Google Analytics
Расширенная электронная коммерция даёт представление о полном цикле продажи товара: от первого просмотра до оформления заказа. Все данные хранятся в одной группе отчётов, что удобно для их последующей обработки.
Внедрение расширенной электронной коммерции не реализуется простой вставкой фрагмента кода: необходимо разметить сайт особым образом, обозначив для Google расположение корзины и каждое возможное событие.
Как внедрить расширенную электронную торговлю
Интернет-магазин построен на платформе ShopScript7. Под эту платформу существуют готовые плагины для расширенной электронной коммерции, но они позволяют охватить только базовые события, без тонких настроек. Поэтому мы отказались от их использования, самостоятельно размечая все необходимые события согласно ТЗ.
Для перехода с обычной электронной торговли на расширенную версию необходимо:
- Активировать отчёты расширенной электронной торговли в Google Analytics;
- Написать код для каждого возможного события;
- Отредактировать и заменить все вызовы кода, указав новый код.
Вот так, например, может выглядеть код для отслеживания кликов по товарам:
<script>
dataLayer.push({
'ecommerce': {
'currencyCode': 'UAH',
'click': {
'actionField': {'list': 'List 1'},
'products': [{
'name': 'Product 1',
'id': 'ID1',
'price': '23.5',
'brand': 'Brand 1',
'category': 'Category 1/Subcategory 11',
'variant': 'Variant 1',
'position': 1
}]
}
},
'event': 'gtm-ee-event',
'gtm-ee-event-category': 'Enhanced Ecommerce',
'gtm-ee-event-action': 'Product Clicks',
'gtm-ee-event-non-interaction': 'False',
});
</script>Какие события мы отслеживаем
Написанные нами блоки кода, в которых указаны возможные события, расположены до кода Google Tag Manager. Согласно предоставленного ТЗ нам необходимо отслеживать 7 типов событий. Каждое из них влияет на показатель отказов.
При желании, вы можете ознакомиться непосредственно с ТЗ от Netpeak:
1. Просмотр товаров в каталоге
Отслеживаются просмотры в любых списках на сайте: как на странице категории, так и блоки кросс-продаж («Рекомендуемые товары», «Акционные предложения» и тому подобные).
Данные отправляются только по тем товарам, которые попали в видимую посетителем область страницы и пробыли там более 2 секунд. При перемещении по странице данные постоянно отправляются в Google Analytics.
Примеры сценариев:
- Посетитель перешёл на страницу категории и в видимую область попали 2 ряда товаров, в каждом из которых 6 позиций. Отправляются данные о просмотре этих 6 товаров.
- Посетитель скроллит страницу и останавливается на шестом ряде товаров. Хотя предыдущие товары и отображались какое-то время на экране, отправляется информация только по шестому ряду — эти товары отображаются дольше 2 секунд.
- Если посетитель вернулся к началу страницы, то данные о первых двух рядах отправляться снова не будут, поскольку эти товары уже значатся как просмотренные.
Передаются следующие данные о товаре:
- название;
- цена;
- бренд;
- категория (можно указывать иерархию категорий, например «Одежда/Мужская одежда/Футболки»);
- разновидность товара (цвет, размер);
- список, где был показан товар;
- положение товара в этом списке.
2. Клики по товарам
Здесь отслеживаются не только показы, но и переходы на конкретную карточку товара. В Google Analytics отправляются данные о заинтересовавшем посетителя товаре и название списка товаров, в котором он был показан. Варианты списков могут быть самые разные:
- Категория товаров.
- Результаты поиска по сайту.
- Блоки кросс-продаж.
- Список акционных товаров.
Если товар не принадлежит какому-то из списков, то отправляется пустая строка.
3. Просмотры карточек товаров
В Google Analytics отправляются такие же данные о товаре, как и в событии «Клики по товарам», но без положения товара в списке. Однако кроме информации об основном товаре могут быть переданы и данные о дополнительных товарах, например, в блоке «С этим товаром покупают».
4. Добавление товара в корзину
Отслеживается добавление товара в корзину независимо от того, где было совершено действие: на карточке товара или странице категории. Иногда добавление в корзину может быть совершено в самой корзине, например, через блок «Дополнительные услуги».
5. Удаление товара из корзины
Отслеживается удаление товара из корзины. Перечисляются все товары, которые были удалены. Если корзина полностью очищается — указываются все товары, находившиеся в ней.
6. Оформление заказа
Отслеживается пошаговое движение пользователя при оформлении заказа: от перехода на страницу корзины до оплаты товара и страницы «Спасибо за покупку».
Передаётся номер шага в воронке. На каждом из шагов переменной «step» присваивается соответствующее значение.
7. Совершение покупки
Отслеживаются совершенные через сайт транзакции. Данные отправляются при попадании пользователя на страницу «Спасибо за покупку».
Передаются следующие значения:
- полная сумма транзакции, включая налог и стоимость доставки;
- сумма всех налогов для этой транзакции;
- стоимость доставки заказа;
- купон или промокод, который был использован при оформлении заказа. Может быть указан как для всего заказа, так и для отдельных товаров.
Итог
После внедрения расширенной электронной коммерции вся функциональность была протестирована, а заказчик подтвердил корректность всех уходящих событий.
Благодаря внедрению столь детальной аналитики владелец бизнеса теперь может настраивать сайт и рекламные кампании более точно, основываясь на поведении пользователей. Все необходимые для этого данные выводятся в отчётах и удобны для последующей обработки.
Комментарии