Сьогодні ми поговоримо про важливий інструмент для інтернет-магазинів - електронну комерцію. Багато хто з нас уже не раз зустрічався з цим визначенням, працюючи з Google Analytics, але сьогодні ми розглянемо, як налаштувати e-commerce у системі веб-аналітики Piwik.
Для тих, хто вперше чує про цю систему хочу сказати, що Piwik - це багатофункціональна система веб-аналітики з відкритим вихідним кодом, яка встановлюється безпосередньо на веб-сервер, як звичайна CMS. Це, мабуть, головна її перевага, адже всі дані по вашому сайту будуть доступні тільки вам, і жодні треті особи (компанії розробники) не матимуть доступу до статистики вашого сайту. Ще однією особливістю є те, що отримана статистика оновлюється кожні 10 секунд, і ви можете в режимі реального часу спостерігати за поведінкою ваших відвідувачів. Варто зазначити, що веб статистика Piwik абсолютно безкоштовна, і ви можете вже сьогодні почати випробувати її в дії, що я вам і раджу.
Але сьогодні ми не будемо розглядати весь функціонал системи Piwik, а поговоримо про один з них - електронну комерцію, налаштування якої дасть змогу відстежувати оформлені замовлення і придбані покупки; товари, які були додані в кошик; перегляди сторінок категорій і сторінок самих товарів. За допомогою налаштованої електронної комерції ви зможете запросто зрозуміти, що вам потрібно поліпшити, щоб товари в магазині продавалися краще.
Варто зазначити, що за замовчуванням функція "електронна комерція" не доступна. Для того, щоб її активувати, необхідно внести зміни в налаштування веб-аналітики і змінити вихідний код сайту. З цього і почнемо!
Активація функції відстеження електронної комерції
Як я вже говорила, за замовчуванням у Piwik відключена функція відстеження електронної комерції. Для того, щоб її активувати, необхідно зайти в Налаштування - Сайти - Редагувати і у випадаючому списку вибрати "Включити електронну комерцію".
Після того, як ви увімкнете функцію електронної комерції, меню "Цілі" буде змінено на "Електронна комерція та цілі".
У тому випадку, якщо ви не бачите у себе на сайті пункту меню "Цілі", значить ви не ввімкнули плагін "Цілі". Спершу встановіть плагін відстеження цілей, а потім виконайте всі перераховані вище дії.
Після того, як електронна комерція буде активована, необхідно впровадити на сайт код, який відстежуватиме взаємодії користувачів на сайті.
Електронна комерція дає змогу відстежувати такі взаємодії:
- Зроблені замовлення.
- Додавання товарів у кошик.
- Перегляд категорій і сторінок товарів.
Далі розглянемо, як за допомогою JavaScript Tracker можна відстежувати взаємодії відвідувачів.
Відстеження оформлених замовлень у Piwik
Для відстеження електронної комерції використовуються два методи Javascript:
1. addEcommerceItem (productSKU, ProductName, ProductCategory, ціна, кількість)
Цей метод дозволяє додавати товари в замовлення та ініціалізується для кожного товару із замовлення окремо. productSKU є обов'язковим параметром. Усі інші параметри не є обов'язковими, проте якщо вони зустрічаються у вашому інтернет-магазині, варто їх використовувати.
2. trackEcommerceOrder (orderId, grandTotal, subTotal, tax, shipping, discount)
Цей метод приймає дані про здійснені замовлення і відправляє їх на сервер Piwik. Параметри orderId і grandTotal є обов'язковими. Всі інші параметри можна не використовувати.
Нижче представлений фрагмент коду для відстеження замовлення, яке містить два продукти.
Цей код необхідно розмістити на сторінку "Підтвердження замовлення", після того, як користувач оплатив замовлення. У тому випадку, якщо ви правильно встановили Piwik, то на сторінках вашого сайту вже повинен бути код відстеження, до якого слід додати наведений нижче фрагмент коду:
[...]
// додаємо перший продукт у замовлення
_paq.push(['addEcommerceItem',
"9780786706211", // ID продукту. Обов'язковий параметр.
"Endurance: Shackleton's Incredible Voyage", // (optional) Найменування продукту
"Adventure Books", // (optional) Категорія продукту.
Також можна використовувати масив із п'яти категорій, наприклад,
["Books", "New releases", "Biography"]
8.8, // (recommended) Вартість продукту
1 // (optional, default to 1) Кількість продуктів
]);
// Додаємо інші продукти в замовлення
[...]
// Ініціалізуємо деталі замовлення і відправляємо всі дані на сервер Piwik
_paq.push(['trackEcommerceOrder',
"A10000123", // (required) Унікальний ID замовлення. Обов'язковий параметр
35, // (required) Виручка від замовлення (includes tax, shipping, and subtracted discount).
Обов'язковий параметр
30, // (optional) Сума замовлення (доставка виключена).Order sub total (excludes shipping)
5.5, // (optional) Податок
4.5, // (optional) Вартість доставки
false // (optional) Знижка. Discount offered (set to false for unspecified parameter)
]);
// рекомендується додати виклик функції trackPageView() на сторінці підтвердження замовлення
_paq.push(['trackPageView']);
[...]
Важливі зауваження про параметри функцій:
price (параметр функції addEcommerceItem()), grandTotal, subTotal, tax, shipping, discount (параметри функції trackEcommerceOrder()) мають бути написані через кому, але ніяк не через крапку або містити будь-які додаткові символи. Помилка: "14.4 $", "EUR14.4", "14,4". У тому разі, якщо ваше програмне забезпечення надає значення тільки у вигляді рядка, то скористайтеся функцією parseFloat () у JavaScript.
orderId (ідентифікатор замовлення) - унікальний параметр типу string. Якщо сторінка підтвердження замовлення містить функцію trackEcommerceOrder(), виклик оновлень якої здійснюється користувачем після кількох годин або днів після закінчення первісного здійснення замовлення, то Piwik буде автоматично видаляти дані про замовлення, які були вже записані. Використовувати однаковий ідентифікатор замовлення можна для різних веб-сайтів, але в рамках одного веб-сайту ідентифікатор замовлення повинен бути унікальним. Зверніть увагу, що параметри ID продукту, найменування продукту і категорія продукту під час додавання в HTML код мають бути без лапок. В іншому разі може виникнути помилка.
Відстеження додавання товарів у кошик
Щоразу, коли користувач додає, оновлює або видаляє товари з кошика, ви можете за допомогою Piwik відстежити остаточну вартість замовлення, а також товари, які в підсумку залишилися в кошику. Відстеження покупок дасть вам змогу оцінити, яким був дохід від товарів, що залишилися в кошику, за день/місяць/рік, переглянути звіт про товари, які найчастіше купують, і ті, що найчастіше видаляють із кошика. Також ви зможете відстежувати вміст кошиків користувачів, які не зареєстровані на сайті.
Варто зазначити, що головними причинами скасування оформлення замовлення є:
- Висока вартість товарів.
- Складна форма оформлення замовлення.
- Тривалий процес перевірки введених даних.
- Повільна робота сайту.
- Користувач перейшов на сайт з метою порівняти ціни на товари з цінами конкурентів.
Для відстеження кошиків у Piwik використовується функція trackEcommerceCartUpdate(), виклик якої здійснюється щоразу, коли користувач додає, оновлює і видаляє товари з кошика.
Нижче наведено приклад відстеження замовлення для двох продуктів:
Код додається щоразу, коли кошик завантажується або користувач натискає кнопку "Додати в кошик".
[...]
// додаємо перший продукт у замовлення
_paq.push(['addEcommerceItem',
"9780786706211", // ID продукту. Обов'язковий параметр.
"Endurance: Shackleton's Incredible Voyage", // (optional) Найменування продукту
["Adventure Books", "Best sellers"], // (optional) Категорія продукту
8.8, // (recommended) Ціна продукту
1 // (optional, default to 1) Кількість продуктів
]);
// Here it is important to add all other products found in the cart,
even the products not updated by the current "Add to cart" click
[...]
// Запис кошика для даного відвідувача
_paq.push(['trackEcommerceCartUpdate',
15.5]); // (required) Cart amount
_paq.push(['trackPageView']);
[...]
Відстеження сторінок категорій і товарів
Відстеження сторінок категорій і товарів дозволяє Piwik відстежувати конверсії для кожного товару і кожної категорії. Так ви можете визначити сторінки або категорій, які перетворюють відвідувачів на клієнтів і приносять більший дохід.
Для відстеження сторінки товару або категорії використовується функція setEcommerceView( productSKU, productName, categoryName, price ), яка використовується після виклику функції piwikTracker.trackPageView(), розміщеної на сторінці товару або категорії.
Нижче наведено приклад відстеження сторінки товару:
Цей код розміщується на сторінку товару, яку ви плануєте відстежувати.
[...]
// all parameters are optional, but we recommend to set at minimum productSKU and productName
_paq.push(['setEcommerceView',
"9780786706211", // (required) ID продукту. Обов'язковий параметр.
"Endurance: Shackleton's Incredible Voyage", // (optional) Найменування продукту
"Adventure Books", // (optional) Категорія продукту
20.11 // (optional) Ціна продукту
]);
_paq.push(['trackPageView']);
[...]
Нижче наведено приклад відстеження сторінки категорії товарів:
Цей код додається на сторінку категорії товарів, яку ви плануєте відстежувати.
[...]
// on a category page, productSKU and productName are not applicable and are set to false
_paq.push(['setEcommerceView',
productSku = false, // No product on Category page
productName = false, // No product on Category page
category = "Adventure Books" // Category Page, or array of up to 5 categories
]);
_paq.push(['trackPageView']);
[...]
На цьому роботу з налаштуванням електронної комерції у веб-аналітиці Piwik завершено. Як бачите, це не займає багато часу, але відкриває для вас унікальну можливість відстежувати кількість оформлених замовлень, суму доходу від продажу товарів, товари, які найчастіше купують або видаляють із кошика, а також сторінки товарів і категорій, які приносять найбільше конверсій.
