Настройка электронной торговли для лендинга

26 Декабря 2019 <nobr>177</nobr>Зачем настраивать. Чем отличается расширенная от стандартной. Как настроить электронную торговлю. Настройки Google Analytics. Настройки Google Tag Manager. Настройки кода электронной торговли на сайте. Частые ошибки

ЧТО ТАКОЕ ЭЛЕКТРОННАЯ ТОРГОВЛЯ

Электронная торговля- это отчет в Google Analytics о совершенных покупках (транзакциях). Количество купленных товаров, средняя стоимость, время до покупки все это доступно если настроена электронная торговля в Google Analytics.Меню статьи:Зачем настраивать

Чем отличается расширенная от стандартной

Как настроить электронную торговлю

Частые ошибки

Зачем настраивать электронную торговлю

Для каждого канала трафика важно отслеживать его эффективность. Для интернет-магазинов и других сайтов ecommerce настроенная электронная торговля помогает определить рентабельность инвестиций каждого канала в деталях. Приведем пример где без электронной торговли анализ данных был бы очень затруднен.

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

Подсчитаем по источникам и каналам среднюю цену транзакции:

1. google / cpc — 2 155 462,00 грн. / 1 322 = 1 630,45 грн.
2. google / organic — 716 265,00 грн. / 667 = 1 073,86 грн.
3. (direct) / (none) — 1 839 278,00 грн. / 1 072 = 1 715,74 грн.
4. facebook / cpc — 40 180,00 грн. / 46 = 873,47 грн.
5. yandex / organic — 987,00 грн. / 2 = 493,5‬0 грн.

ROAS (Рентабельность инвестиций в рекламу)*

*ROAS — рассчитывается путем деления ценности конверсии (на основе данных электронной торговли и/или ценности конверсии) на рекламные расходы.

менее 100% — убыточная кампания

100% — доход равен расходу

более 100%- кампания рентабельна на % выше 100Средний ROAS 7 614,83% показывает высокую рентабельность инвестиций аккаунта, но 5 тестовых кампаний (ROAS менее 100%) нуждаются в дальнейшей оптимизации.

КЕЙСЫ

Как заставить рентабельность вырасти на 1 423,03% используя торговые кампании и товарные объявления358 покупок стоимостью 0,30$ с таргетинга в социальных сетях для производителя продукции ногтевого сервиса

Чем отличается расширенная электронная торговля от стандартной электронной торговли

В стандартнойэлектронной торговле есть информация о: транзакциях, количестве товаров в транзакции, налоги и доставка.

В расширенной электронной торговле есть дополнительно информация о:

1. добавлении, удалении товара и действиях в корзине;
2. кликах и показах блока с товаром (с учетом расположения);
3. показах и кликах баннеров для внутренних рекламных кампаний.

Как настроить электронную торговлю

Для настройки электронной торговли нужно:

1. включить отслеживание электронной торговли;
2. указать валюту в Google Analytics;
3. настроить отслеживание транзакций в Google Tag Manager (GTM);
4. составить инструкцию и отправить код на внедрение программисту.

Настройки Google Analytics по шагам:

Переходим по адресу

https://analytics.google.com/

и выбираем нужный ресурс и представление, пример ниже:

Слева внизу страницы нажимаем «Администратор»

Справа вверху страницы нажимаем «Настройки представления» и выбираем валюту

Возвращаемся в панель администратора нажимаем на «Настройки электронной торговли»

Видим выключатель электронной торговли

Нажимаем включить электронную торговлю

Настройки Google Tag Manager (GTM) по шагам:

Переходим по адресуhttps://tagmanager.google.com/и выбираем нужный ресурс, пример ниже:

Попадаем на страницу обзор

Нажимаем слева теги и справа вверху создать

Даем название и нажимаем на «Конфигурация тега»

Выбираем тип тега «Google Аналитика — Universal Analytics»

Тип отслеживания выбираем «Транзакция»

Ставим флажок напротив «Включить переопределение настроек в этом теге» и вводим «Идентификатор отслеживания»

Также можно в поле «Настройки Google Analytics» нажать «Новая переменная»

Называем и вводим id Google Analytics

Теперь вместо id Google Analytics можно использовать {{GA}}

Нажимаем на выбор триггера

Нажимаем создать новый триггер

Называем триггер и нажимаем настройки триггера

Выбираем «Просмотр страницы»

Ставим радиопереключатель возле «Некоторые просмотры страниц» и в «Активировать триггер при наступлении события и выполнении всех этих условий» выбираем «Page URL» «содержит»

В поле вводим относительный URL

Отправляем данные

Настройки кода электронной торговли на сайте:

На странице спасибо за покупку примерhttps://site.com/index.php?route=checkout/successВАЖНО!!!Разместить этот код над фрагментом контейнера Google Tag Manager или Google Analytics, чтобы данные были готовы в момент активации тега Google Analytics.

Пример покупки товаров https://site.com/set-bangkok-606 и https://site.com/set-geltoe-more-538

window.dataLayer = window.dataLayer || [] dataLayer.push({ ‘transactionId’: ‘2192’, //id транзакции ‘transactionAffiliation’: ‘Магазин’, //название магазина ‘transactionTotal’: 974.00, //цена покупки ‘transactionProducts’: [{ ‘sku’: ‘Set1’, //артикул товара (нужно присвоить артикул товару, но визуально можно его не показывать) ‘name’: ‘Сет Бангкок’, //название товара — кавычки нужно убрать ‘category’: ‘Сеты’, //категория товара ‘price’: 429.00, //цена товара ‘quantity’: 1 // количество товаров },{ ‘sku’: ‘Set2’, //артикул товара (нужно присвоить артикул товару, но визуально можно его не показывать) ‘name’: ‘Сет Желтое Море’, //название товара — кавычки нужно убрать ‘category’: ‘Сеты’, //категория товара ‘price’: 545.00, //цена товара ‘quantity’: 1 // количество товаров } ] });

Для настройки электронной торговли без Google Tag Manager, а просто в Google Analytics, код будет выглядеть так:gtag(‘event’, ‘purchase’, { «transaction_id»: » «, «affiliation»: » «, «value»:, «currency»: » «, «tax»: , «shipping»: , «items»: [ { «id»: » «, «name»: » «, «list_name»: » «, «brand»: » «, «category»: » «, «variant»: » «, «list_position»: , «quantity»: , «price»: ‘ ‘ } ] });

Справка https://developers.google.com/analytics/devguides/collection/gtagjs/ecommerce

Частые ошибки в электронной торговле:

1. Не работает — код екомерс находится после кода тег менеджера или Google Analytics, нужно разместить код екомерс перед кодом тег менеджера или Google Analytics
2. Не работает — сверяем id счетчиков GTM, Google Analytics и код электронной торговли на сайте и в примере
3. Дублирование транзакций — происходит при обновлении страницы спасибо код екомерс находится в коде и срабатывает второй раз. Код должен исчезать, как быстро проверить показано на скриншоте

• Не отслеживается транзакция купить в один клик — для транзакций «купить в один клик» нужно отправлять пользователя на страницу «спасибо» в противном случае аналитика будет затруднена, выявить ошибки и когда они начались будет сложнее
• Не указана правильная валюта — для мультивалютных сайтов нужно сумму и цену заказа приводить к одному виду валюты, который указан в аккаунте Google Analytics

• Платежные системы в рефералах — исключаем сайты платежных систем из источников перехода

• Не все транзакции учитываются — возможная причина, после заказа пользователь с платежной системы не попадает на страницу спасибо, проблема решается отправкой данных через Measurement Protocol

Больше полезных инструкций в нашем блоге: читать

+1Веб-аналитика, ПроектыАвгуст 18, 2019

Сразу хотелось бы сказать, что способов настройки электронной торговли большое множество. Во-первых, это выбор типа настройки – стандартная или расширенная электронная торговля. Во-вторых, ее можно реализовать через Google Tag Manager (передавать хит как «Событие» или как «Транзакция»), настроить напрямую через установку кода на сайт, можно использовать для этого классический тег Universal Analytics или глобальный тег сайта gtag.js. В Яндекс.Метрику данные будут передаваться автоматически, если корректно настроили передачу в GA. Код у них идентичен. И, в-третьих (главное!), любая реализация электронной торговли завязана на программном коде. Если вы не обладаете знаниями программирования, то необходимо позаботиться о человеке с такой компетенцией заранее.

Почему в интернете мало статей про настройку электронной торговли для лендингов?

Все дело в том, что для такого типа сайтов не требуется серьезная настройка и аналитика. Функционал посадочных страниц больше заточен на сбор заявок путем выполнения пользователем какого-то легкого шага – заполнению формы, скачивание файла, просмотр видео и т.д.

Несмотря на то, что есть лендинги, на которых продается какой-то конкретный товар (или группа товаров), и он даже чем-то напоминает обычный интернет-магазин (есть цена, описание, картинки), владельцам таких проектов проще в Яндекс.Метрике и Google Analytics настроить простую цель на страницу «Спасибо» или отправку формы, а затем просто считать количество ежедневных обращений, продаж и суммарную выручку в Excel.

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

В одной из своих публикаций я показывал способ передачи данных о транзакциях без настройки e-commerce с помощью Measurement Protocol на примере сайта mydisneyworld.ru. Это классический одностраничный лендинг с определенным количеством товаров. Он подойдет нам для настройки электронной торговли.

На сайте представлено 6 товаров, каждый из которых имеет название, цену, изображение и описание.

Товары на сайте mydisneyworld.ru

Форма заказа конкретного товара выглядит следующим образом:

Форма заказа товара

После заполнения имени, телефона и нажатии кнопки Заказать пользователя перенаправляет на страницу «Спасибо», которая имеет URL http://mydisneyworld.ru/thank-you.html

Страница «Спасибо»

Казалось бы, на этом можно и успокоиться. Просто создать в Analytics и Метрике цель на URL и все! Но мы не ищем легкий путей. Каждый наш товар имеет все данные для того, чтобы их передавать в электронную торговлю, и в дальнейшем видеть доход по каждому заказу в разрезе источников в Яндекс.Метрике и Google Analytics.

Данные о транзакциях в Google Analytics

Рекомендую всегда перед выполнением какой-либо задачи формулировать ее письменно, особенно когда вы даете ТЗ другому человеку, например, разработчику.

Исходные данные

• Сайт – mydisneyworld.ru;
• Задача – настроить электронную торговлю для лендинга;
• Реализация – через Google Tag Manager;
• Передача данных – в Яндекс.Метрику и Google Analytics (Universal Analytics);

Теперь перейдем к плану реализации:

1. включить отслеживание электронной торговли в Яндекс.Метрике и Google Analytics;
2. попросить разработчика отправить данные о транзакции на уровень данных (dataLayer);
3. отправить данные о транзакции электронной торговли в Метрику и Analytics;
4. проверить корректность передачи данных.

Рассмотрим каждый шаг подробно.

Шаг №1. Включить отслеживание электронной торговли в Яндекс.Метрике и Google Analytics

В Яндекс.Метрике

Переходим в Настройки и включаем функцию Электронная коммерция. Имя контейнера данных dataLayer оставляем без изменений.

Включение электронной коммерции в Яндекс.Метрике

Если до этого опция была у вас выключена, то также необходимо обновить код Яндекс.Метрики на сайте, поскольку к нему добавилась дополнительная строчка:

Обновите код Яндекс.Метрики

В Google Analytics

Переходим на уровень представления, выбираем Настройки электронной торговли и включаем отслеживание.

Включение отслеживания электронной торговли в Analytics

Сохраняем изменения.

Шаг №2. Попросить разработчика отправить данные о транзакции на уровень данных (dataLayer)

Для этой задачи необходима сторонняя помощь разработчика, чтобы он помог сформировать уровень данных (dataLayer), в котором будут храниться сведения о транзакциях с именами переменных.

Уровень данных является одним из ключевых компонентов Google Tag Manager и содержит полезную информацию, которая впоследствии используется в тегах, триггерах и переменных GTM. Если вы еще не знакомы с уровнем данных (dataLayer), прочитайте этот материал.

Чтобы данные передавались сразу и в Яндекс.Метрику и в Google Analytics, нам необходимо использовать универсальный код для обеих систем. Возьмем его из официальных справок:

• Как подключить Электронную коммерцию в Яндекс.Метрике;
• Руководство по расширенной электронной торговле для разработчиков (Universal Analytics).

Коды Метрики и Аналитики для страницы с покупкой

Очень похожи, согласитесь! Нам нужен один из них. Но просто скопировать его к себе не получится, поскольку это лишь пример, и он никак не относится к товарам, которые размещены у вас на сайте. В коде выше представлено очень много данных, которых на лендинге у вас может и не быть.

Например, бренд (brand), категория (category), купон (coupon) или доставка (shipping). Поэтому основная задача программиста – на основе этого примера сформировать dataLayer под ваш проект. А чтобы его сформировать, нужно знать некоторую информацию о входящих в dataLayer переменных.

Данные о транзакции

• transactionId (*) – уникальный идентификатор транзакции;
• transactionAffiliation – партнер или магазин, в котором была продажа;
• transactionTotal (*) – общая сумма транзакции;
• transactionShipping – стоимость доставки для данной транзакции;
• transactionTax – сумма налога для данной транзакции;
• transactionProducts – список приобретенных товаров в транзакции;

Данные о товарах

• name (*) – название товара;
• sku (*) – идентификатор товара;
• category — категория товара;
• price (*) — цена одного товара;
• quantity (*) — количество единиц товара.

Переменные, отмеченные звездочкой *, являются обязательными для формирования в Google Analytics. Таким образом, для отслеживания электронной торговли нам минимально необходимо передать 6 переменных – transactionId, transactionTotal, name, sku, price и quantity. При передаче товаров добавляется седьмая – transactionProducts. Но если есть возможность передавать что-то еще, делайте это. Тогда вы будете иметь более полную информацию в своих отчетах. Еще рекомендую прочитать эту статью из официальной справки Google.

Для Яндекс.Метрики тоже есть обязательные поля. Подробнее читайте в официальной справке. У них в документации есть отсылка: имя контейнера данных и структура вкладываемых в него Ecommerce-объектов соответствует аналогичным сущностям в Google Analytics Enhanced Ecommerce. Это означает, что если вы уже настроили отправку данных в Google Analytics Enhanced Ecommerce, в том числе через Global Site Tag, и включили Ecommerce в Яндекс.Метрике, последняя также начнет собирать данные.

Для mydisneyworld.ru уровень данных был реализован с помощью двух JavaScript-кодов — setDataLayer.js и getDataLayer.js.

Код setDataLayer.js:

12345678910111213141516171819202122232425262728293031323334353637383940414243

$(document).ready(function(){$(‘.form’).on(‘submit’,function(){var$self=$(this);// Product popupvarpopup=$self.parents(‘.tovar-popup’);if(popup.length){// Transaction Id (random number from 1 to 100000)varactionId=Math.floor(Math.random()*100000)+1;// SitevaractionAffiliation=‘mydisneyworld.ru’;// Product pricevarprice=parseInt($.trim(popup.find(‘.tover-popup-title’).find(‘.pink’).text().replace(‘руб.’,»).replace(‘ ‘,»)));// Product namevarname=$.trim(popup.find(‘.tover-popup-title’).html().split(‘<‘)[].replace(‘—’,»));// Products SKUvarsku=popup.attr(‘id’).split(‘-‘)[1];// Product quantityvarquantity=1;// Set variable to local storagelocalStorage.setItem(‘dataLayer’,JSON.stringify({actionId:actionId,actionAffiliation:actionAffiliation,actionTotal:price,actionProducts:[{sku:sku,name:name,price:price,quantity:quantity}],}));}});});

Его мы подключаем на странице каталога (на главной странице сайта). В нем собираются данные товаров и сохраняются в Local Storage (объект, которым мы можем пользоваться, даже если перезагрузим страницу или совсем закроем браузер).

Код getDataLayer.js:

1234567891011121314151617181920

varorderData=JSON.parse(localStorage.getItem(‘dataLayer’));dataLayer.push({‘event’:‘purchase’,‘ecommerce’:{‘purchase’:{‘actionField’:{‘id’:orderData.actionId,‘affiliation’:orderData.actionAffiliation,‘revenue’:orderData.actionTotal,},‘products’:[{‘name’:orderData.actionProducts[].name,‘id’:orderData.actionProducts[].sku,‘price’:orderData.actionProducts[].price,‘quantity’:orderData.actionProducts[].quantity,}]}}});

24 сентября 2019

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

Создать такие сегменты можно, нажав на кнопку «Добавить сегмент» и далее на красную кнопку «+ сегмент».

Далее в открывшемся окне выбираем нужные параметры для сегмента:

Затем в интересующем вас отчете выберите созданный сегмент и смотрите данные именно по нему, а не по всем посетителям сайта. К примеру, на скриншоте внизу анализ по сегменту посетителей с Яндекс.Маркета.

7 и 1 отчет для интернет-магазина

Теперь поговорим об отчетах для анализа работы интернет-магазина. Мы выбрали семь стандартных отчетов для оценки расходов, эффективности источников трафика, работы поиска на сайте и воронки продаж. А в конце объяснили, как настроить собственный отчет, если преднастроенных не хватает.

Источники

Один из самых важных отчетов для интернет-магазина — «Источник или канал» в группе отчетов «Источники трафика». Здесь вы можете увидеть, сколько транзакций и какой доход вы получили с того или иного источника трафика:

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

Воронка продаж

В отчете «Электронная торговля — Поведение покупателей» можно отслеживать общее распределение пользователей по различным этапам воронки продаж: от просмотров до транзакций.

Благодаря разделу «Поведение при оформлении покупки» можно понять, на каком этапе оформления заказа отваливаются пользователи, чтобы в дальнейшем проработать эти узкие места.

В этих же отчетах внизу вы можете увидеть сегментированные данные по новым и вернувшимся посетителям. Так, на скрине внизу видно, что сеансы с транзакциями для вернувшихся посетителей составляет 2,07%, в то время как для новых — всего 1,26%. Значит, что в этом магазине однозначно стоит использовать ретаргетинг.

Также здесь вы можете сегментировать пользователей по браузеру, рекламной кампании, типу устройства и т. д.

Многоканальные последовательности

С помощью отчета «Многоканальные последовательности» можно понять, насколько важна роль разных источников трафика в цепочке конверсии.

По умолчанию в Google Analytics используется модель атрибуции «По последнему непрямому клику». В этой модели вся ценность конверсии присваивается последнему клику. Однако зачастую пользователь перед конверсией может посетить ваш сайт несколько раз — и все эти разы будут с разных источников трафика. Чтобы посмотреть, сколько ассоциированных конверсий и на какую сумму дал тот или иной канал, воспользуйтесь отчетом «Ассоциированные конверсии».

Время до покупки

Для оценки времени от первого посещения сайта до конверсии подойдет отчет «Время до конверсии». Так, на приведенном скрине вы можете увидеть, что 56% пользователей оформляют заказ в первый день визита, а 24% — в промежуток между 12 и 30 днем с даты первого посещения.

Расходы

Отчет «Анализ расходов» экономит время на перемещение между интерфейсами рекламных систем и Google Analytics и на создании сводных таблиц. Открыть его можно так: «Источники трафика» — «Кампании» — «Анализ расходов». Далее выбираете нужную систему и смотрите расходы на уровне каждой кампании.

Что ищут и как находят

Из отчета «Поиск по сайту» можно узнать, что ищут пользователи, удовлетворены ли они результатами своих поисков и, соответственно, оптимизировать поиск на сайте или сделать так, чтобы популярные товары было легче найти.

Отчет находится в группе «Поведение» и его можно настроить по двум параметрам поиска: поисковым запросам и поисковым страницам.

Мобайл

Отчет «Мобильные устройства» отображает, сколько трафика и конверсий принесли сайту пользователи мобильных устройств, в том числе в разрезе по различным типам устройств.

К примеру, на скриншоте видно, что наибольшее количество посетителей и конверсий приносят сайту пользователи iPhone, а вот отображение сайта на устройстве Xiaomi Redmi Note 4 надо бы проверить, так как конверсия у этой модели мобильного телефона низкая.

Создайте свой отчет

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

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

Если же такого решения нет, жмете кнопку «Добавить отчет» и вбиваете в открывшееся окно нужные вам показатели будущего отчета.

Заключение

Расширенная электронная торговля и регулярный анализ специальных отчетов — необходимость для любого магазина, который хочет быть успешным и масштабироваться. Не ограничивайтесь анализом только привычных данных в разрезе каналов, просматривайте разные отчеты, сравнивайте показатели. Только на основе глубокой аналитики можно принимать правильные решения о том, что стоит доработать на сайте, на что сделать упор, какие рекламные инструменты усиливать, что можно оптимизировать. Действуйте!

Используемые источники:

• https://spark.ru/startup/mnews-agency/blog/54757/nastrojka-elektronnoj-torgovli-v-google-analytics-samaya-podrobnaya-instruktsiya
• https://osipenkov.ru/ecommerce-landing/
• https://ppc.world/articles/nastroyka-google-analytics-dlya-internet-magazina-glavnye-instrumenty-i-otchety/