Статьи

Розширена електронна торгівля - налагодження та кейси

  1. зміст
  2. Як налаштувати розширену електронну торгівлю
  3. Крок 1. Увімкніть розширену електронну торгівлю
  4. Крок 2. Додайте код контейнера Google Tag Manager на сайті
  5. Крок 3. Додайте на сайті dataLayer
  6. Крок 4. Налаштуйте передачу даних в Google Analytics
  7. Крок 5. Додайте призначені для користувача параметри
  8. Дві воронки в звітах: чим вони відрізняються і навіщо потрібні
  9. Як враховувати повернення в звітах
  10. Обмеження, з якими можна зіткнутися при зборі даних
  11. Онлайн мерчандайзинг: ефективність товарних блоків

Матеріали для скачування

Гайд: як відправляти в GA оффлайн замовлення

Якщо в магазині покупці постійно запитують продавця: «А де у вас навушники?», Можна розмістити їх на самому видному місці і зірвати джек-пот :) Але що робити з сайтом? Як дізнатися, які сторінки дивиться користувач перш, ніж зробити покупку? Які товари найчастіше купують, а які видаляють з кошика? Наскільки ефективний той чи інший внутрішній банер?

Відповіді на ці та багато інших питань дасть розширена електронна торгівля. З її допомогою ви зможете простежити шлях користувача від візиту до покупки; дізнатися, скільки разів і з яких списків купували конкретний товар, наскільки ефективні товарні блоки (наприклад, списки «Ви вже дивилися», «Схожі товари», «Новинки»). Можна сегментувати відвідувачів за категоріями (наприклад, для орієнтування email розсилок), а товари - по брендам. Також ви зможете визначати ефективність внутрішньої реклами на сайті і вплив акцій на конверсії окремих груп товарів, передаючи в Google Analytics додатковий параметр з назвою акції.

Бонус для читачів: як відправляти інформацію про офлайн замовленнях в Google Analytics.

У цій статті ми розповімо, як налаштувати розширену електронну торгівлю в Google Analytics за допомогою Google Tag Manager .

зміст

що відстежувати

Перш ніж налаштовувати розширену електронну торгівлю визначитеся, які дії ви хочете відстежувати. Це можуть бути:

  1. Покази товарів на сторінці.
  2. Кліки по товарах.
  3. Перегляд картки товару з його описом.
  4. Додавання або видалення товару з кошика.
  5. Покази промо-матеріалів (банерів, відеороликів, спливаючих вікон і т.д.).
  6. Кліки по банерах.
  7. Чек-аут, тобто процес оформлення покупки. Його в свою чергу можна розбити на конкретні кроки (наприклад, контактні дані, доставка, оплата) і відстежувати в окремій воронці.
  8. Покупки.
  9. Повернення коштів.

Як налаштувати розширену електронну торгівлю

Налаштувати відправку даних з вашого сайту в Google Analytics можна за допомогою JavaScript, Google Tag Manager або Measurement Protocol.

На наш погляд, найоптимальніший інструмент для налаштування - це Google Tag Manager , Тому що він дозволяє легко міняти теги на сайті без залучення розробників. Тому в статті ми описуємо саме цей спосіб. Детальніше про можливості GTM ви можете прочитати в іншій нашій статті .

У загальних рисах, налаштовуємо розширену електронну торгівлю так:

  1. Активуємо звіти розширеної електронної торгівлі в GA.
  2. Розміщуємо код контейнера GTM на всіх сторінках сайту.
  3. Перед кодом GTM розміщуємо масив dataLayer Масив в JavaScript, в якому зберігаються всі дані, що передаються в GTM з доданими до нього об'єктами даних для відстеження.
  4. Налаштовуємо передачу даних з dataLayer в GA. Для цього створюємо в GTM новий тег.
  5. Додаємо призначені для користувача параметри в dataLayer або GTM (цей крок необов'язковий).

Тепер давайте розглянемо кожен крок докладніше.

Крок 1. Увімкніть розширену електронну торгівлю

Щоб отримувати дані про перегляди товарів, транзакціях і просуванні користувача по воронці продажів, активуйте звіти по розширеній електронної торгівлі в Google Analytics.

Для цього в панелі адміністратора виберіть необхідне уявлення, відкрийте меню «Налаштування електронної торгівлі» і включіть звіти для розширеної електронної торгівлі.

Матеріали для скачування   Гайд: як відправляти в GA оффлайн замовлення   Якщо в магазині покупці постійно запитують продавця: «А де у вас навушники

Детальніше про те, як правильно налаштувати Google Analytics, читайте в нашій статті .

Крок 2. Додайте код контейнера Google Tag Manager на сайті

Для настройки відстеження необхідно розмістити код контейнера GTM на всіх сторінках сайту. Детальну інформацію про те, як це зробити, і необхідні фрагменти коду ви знайдете в керівництві для розробників .

Крок 3. Додайте на сайті dataLayer

Також на кожній сторінці перед кодом GTM необхідно розмістити масив dataLayer - в ньому зберігаються всі дані, які потім передаються в Google Tag Manager. Детальніше про те, що таке dataLayer і як його використовувати, читайте в довідці .

Структура dataLayer залежить від того, які дії на сайті ви хочете відстежувати. Ось приклад об'єкта з даними, який потрібно додати в dataLayer, щоб відстежувати перегляди картки товару:

Як доповнити dataLayer, щоб відстежувати інші дії, докладно описано в керівництві для розробників.

Крок 4. Налаштуйте передачу даних в Google Analytics

Щоб передати в Google Analytics дані, зібрані з сайту в dataLayer, створіть в GTM новий тег типу «Universal Analytics»:

Щоб передати в Google Analytics дані, зібрані з сайту в dataLayer, створіть в GTM новий тег типу «Universal Analytics»:

Далі відзначте галочкою «Включити перевизначення налаштувань в цьому тезі». У додаткових налаштуваннях виберіть «Електронна торгівля» і поставте галочки навпроти пунктів «Включити розширені функції електронної торгівлі» і «Використовувати рівень даних» (це і є dataLayer):

У додаткових налаштуваннях виберіть «Електронна торгівля» і поставте галочки навпроти пунктів «Включити розширені функції електронної торгівлі» і «Використовувати рівень даних» (це і є dataLayer):

Детальніше про те, які теги можна створювати в Google Tag Manager, читайте в довідці .

Крок 5. Додайте призначені для користувача параметри

Отже, ми розібралися з основними настройками розширеної електронної торгівлі. Тепер давайте подивимося, які ще корисні фічі можна використовувати.

Наприклад, ви хочете, щоб у звітах відображалися дані, яких немає в стандартних параметрах: габарити товару, вага, колір, наявність на складі і т.д.

Є 2 варіанти вирішення цього завдання:

  • Передавати додатковий параметр відразу в dataLayer і використовувати описані вище настройки.
  • Використовувати Data Import для завантаження цих даних в Google Analytics.

Зручніше, звичайно, передавати всі відразу в dataLayer, але при такому підході можна зіткнутися з обмеженням на максимальний розмір хіта. Нижче ми розповімо про це докладніше. А поки давайте подивимося на приклад, як додати в dataLayer додатковий параметр - статус наявності товару:

А поки давайте подивимося на приклад, як додати в dataLayer додатковий параметр - статус наявності товару:

Навіщо взагалі додавати цей параметр? Він допоможе визначити частку відвідувань з платних джерел, в яких користувачі приземлилися на недоступні товари. Порівняйте дохід на відвідування у користувачів в залежності від статусу товару на сторінці приземлення, і ви побачите, скільки трафіку купуєте даремно (а може і не даремно - залежить від доходу на користувача). До того ж можна рекомендувати схожі товари, наприклад, за допомогою «Супутніх товарів» в Google Analytics.

Зверніть увагу, в прикладі вище ключ для додаткового параметра відповідає слоту попередньо створеного користувацького параметра в Google Analytics (меню «Ресурс» - «Призначені для користувача визначення» - «Власні параметри»). Детальніше про те, як створювати власні налаштування читайте в нашій статті .

Якщо у вас на сайті всього кілька продуктів, дані по яких змінюються досить рідко, можна не привертати розробників для наповнення dataLaer, а додати користувацькі параметри в GTM. Для цього потрібно створити додаткову змінну і вказати, що її необхідно використовувати замість даних dataLayer.

Наприклад, створюємо змінну:

І додаємо створену змінну в тег замість використання даних dataLayer:

І додаємо створену змінну в тег замість використання даних dataLayer:

Цей тег буде спрацьовувати на зазначеній сторінці і відправляти дані в форматі розширеної електронної торгівлі, які повертає створена нами раніше змінна.

Також ви можете змінювати вже доданий в dataLayer Еcommerce-об'єкт JavaScript-об'єкт, що містить ідентифікатор дії і товари, з якими ця дія вироблено. Наприклад, коли перевищений розмір хіта і деякі параметри необхідно прибрати перед відправкою. Або коли id замовлення на вашому сайті і на сайті платіжної системи відрізняється і необхідно передати єдиний id для коректних даних у звітах.

Для цього створюємо окрему змінну рівня даних, назвемо її Ecommerce Variable:

Для цього створюємо окрему змінну рівня даних, назвемо її Ecommerce Variable:

Ця змінна шукає об'єкт в dataLayer і приймає його значення. Далі ви створюєте другу змінну, яка звертається до значення, що зберігається в першій змінної. Так ви можете змінити необхідні вам значення перед відправкою даних в GA.

Звичайно ж, це тимчасовий захід і при першій нагоді необхідно звернутися до розробників, щоб вони внесли зміни в дані, що передаються до того, як ці дані будуть додані в dataLayer.

Дві воронки в звітах: чим вони відрізняються і навіщо потрібні

Після настройки розширеної електронної торгівлі в групі звітів «Переходи» вам будуть доступні воронки двох типів. Першу воронку можна подивитися в звіті «Аналіз поведінки покупців», другу - в звіті «Аналіз поведінки при оформленні покупки».

Перша воронка показує, як ведуть себе користувачі на сайті. Сюди включені всі дії, які ви захотіли відстежувати і вказали під час налаштування. Ось, як виглядає така воронка (щоб уникнути плутанини, назвемо її лійкою продажів):

З прикладу видно, що вузьким місцем у воронці є перехід на картку товару - на цьому етапі «відсіюється» найбільшу кількість користувачів (78,8%). Що може бути причиною? Насамперед можна подивитися показник відмов для посадочних сторінок. Якщо він високий, перевірте чи коректно працює інтерфейс в різних браузерах і на різних пристроях, чи немає проблем з переходом на інші сторінки. Перевірте, чи налаштовані фільтри на ботів і реферальний спам. Не зайвим буде подивитися в звітах «Пошук по сайту» на пошукові запити користувачів, які покинули веб-ресурс після відвідин однієї сторінки. Це допоможе визначити, чому сайт не відповідає їхнім очікуванням. Як налаштувати звіти «Пошук по сайту», читайте в довідці .

Потім необхідно перевірити шлях залишилися користувачів. Можливо, не все так погано, як здається, і деякі користувачі додають товар в корзину відразу з товарного блоку в обхід картки товару. Такі дії зменшує кількість переглядів картки товару, але на конверсіях не позначається. Перевірити це можна двома способами: через події - подивитися який тип сторінки / URL при подію додавання, або в звіті «Ефективність списку», якщо атрибут list передається на сайті для дій Enhanced Ecommerce. І нарешті переконайтеся, що користувачеві нічого не заважає перейти на перелік товарів як з меню, так і по внутрішньому пошуку.

На графіку відображено кількість сеансів для кожного кроку, відсоток переходів між кроками, а також кількість сеансів, в яких користувачі залишили воронку. Зверніть увагу, воронка відкрита, тобто користувач може потрапляти в неї на будь-якому етапі. Тут же на графіку ви можете додавати сегменти по користувачам, які перейшли на певний етап або, навпаки, покинули воронку на конкретному етапі.

Тут же на графіку ви можете додавати сегменти по користувачам, які перейшли на певний етап або, навпаки, покинули воронку на конкретному етапі

Використовуйте сегменти для ретаргетінга, щоб повернути користувачів в воронку. Наприклад, зареєстрованим на вашому сайті користувачам, які поклали товар у кошик, але не купили, можна відправити email з нагадуванням. Детальніше про створення сегментів - в довідці .

Друга воронка дуже схожа на першу і відрізняється лише тим, що відображає безпосередньо чек-аут (заповнення контактних даних, вибір способу доставки, оплата і т.д.).

У нашому прикладі воронка чек-ауту має всього три кроки. Якщо на якомусь етапі вам потрібно відстежувати додаткові дії користувача, які не були відомі при переході на цей крок, ви можете додати їх окремою подією за допомогою поля Option. Наприклад, при переході на крок «Оплата» спосіб оплати ще не визначений - користувач вибирає його, і ми передаємо ці дані. Подивитися структуру, в якій необхідно додавати дані в dataLayer, ви можете в довідці Google.

Також в цьому звіті можна дати назву кожному кроці. Це робиться в меню «Подання» - «Налаштування електронної торгівлі»:

Як враховувати повернення в звітах

Частина замовлень, оформлених на сайті, може не виконуватися - покупці можуть не забрати або повернути товар. Що робити, якщо дані, відправлені в Google Analytics, не можна змінити, а невиконані замовлення спотворюють статистику?

У таких випадках в Google Analytics можна відправляти інформацію про повернення. Це не змінить дані по відправленому раніше доходу, але дозволить враховувати суму повернень і їх кількість в звітах.

Завантажити дані про повернення в Google Analytics можна 2 способами:

  • За допомогою Measurement Protocol , Якщо у вас є вільні розробники, які налаштують автоматичну передачу даних. До речі, ми підготували керівництво, як відправляти в Google Analytics відсутні дані про замовлення через Measurement Protocol. Ви можете завантажити його окремо.
  • Вручну - за допомогою Data Import. Цей спосіб займає більше часу і має деякі нюанси і обмеження. Наприклад, можна враховувати повернення тільки за останні 6 місяців, потрібно використовувати окремі файли для повних і часткових повернень. Детальніше - в довідці .

Обмеження, з якими можна зіткнутися при зборі даних

Розмір переданого запиту для analytics.js не повинен перевищувати 8 КБ. Коли відправляєш дані про товари, це обмеження дуже легко перевищити з наступних причин:

  • В одному хіті передається занадто велика кількість товарів. Наприклад, у вас на сторінці каталогу відображається 100 товарів і всі дані по показам передаються одним хітом.
  • Передається занадто багато параметрів продукту.
  • Назви занадто довгі. Особливо, якщо вони передаються кирилицею. У такому випадку при відправці запиту дані кодуються, що значно збільшує розмір запиту.

Як вирішити проблему з обмеженнями:

  • Розділити дані на кілька об'єктів і відправляти різними хітами. Недолік цього способу в тому, що в GA передаватиметься більше хітів, що в свою чергу може негативно позначитися на Семплірування. До того ж неможливо точно визначити кількість товарів, що відправляються в хіті.
  • Більш кращий варіант - використовувати Data Import для доповнення відправляються в Google Analytics даних за допомогою завантаженого довідника. Наприклад: SKU товару -> інші параметри.
  • Назви всіх параметрів передавати англійською, по можливості.

Онлайн мерчандайзинг: ефективність товарних блоків

Грамотне оформлення вітрин в магазині допомагає збільшити продажі. Наприклад, найчастіше покупці звертають увагу на полиці, які знаходяться на рівні очей. Тому на таких полицях краще розміщувати товари, які хочете продати в першу чергу.

Але як дізнатися, з яких «вітрин» і «полиць» частіше купують на вашому сайті? Оцінити ефективність блоків на сайті допоможе звіт в меню «Переходи» - «Цілі» - «Ефективність списку».

З цього звіту видно, які блоки найчастіше переглядають, в яких частіше клацають по товарах або додають їх в корзину, які списки мають високий коефіцієнт конверсії та сприяють збільшенню продажів.

Дуже важливо приділити увагу тому, як працює Product Attribution - іншими словами як правильно передавати дані в dataLayer, щоб у звітах була коректна інформація по кожному блоку. Це допоможе правильно атрибутувати цінність від замовлення на списки товарів, з якими взаємодіяв користувач перед покупкою.

При цьому не обов'язково передавати в Google Analytics значення списку (list) з кожним Ecommerce-дією користувача. Наприклад, користувач зайшов на картку товару А, побачив в блоці «З цим товаром купують ...» товар Б, клікнув по ньому і купив - і все це в одному сеансі. У такому випадку досить привласнити назву списку тільки першої дії - знайомству зі списком. Далі Google Analytics зв'яже назву списку з усіма кроками в воронці, які зробив користувач на шляху до покупки товару Б. Детальніше про Product Attribution - в довідці .

З прикладами звітів по онлайн мерчандайзингу ви можете ознайомитися в цієї статті.

Дякую за увагу, а на десерт ми припасли корисне :) Залиште свій email, і ми надішлемо вам інструкцію, як через Measurement Protocol відправляти в Google Analytics дані про наповнюваності замовлень.

Не соромтеся писати коментарі, якщо, на ваш погляд, ми щось упустили або у вас залишилися питання.

», Можна розмістити їх на самому видному місці і зірвати джек-пот :) Але що робити з сайтом?
Як дізнатися, які сторінки дивиться користувач перш, ніж зробити покупку?
Які товари найчастіше купують, а які видаляють з кошика?
Наскільки ефективний той чи інший внутрішній банер?
Що може бути причиною?
Що робити, якщо дані, відправлені в Google Analytics, не можна змінити, а невиконані замовлення спотворюють статистику?
Але як дізнатися, з яких «вітрин» і «полиць» частіше купують на вашому сайті?

Новости