Опишите ваш проект
Наши специалисты свяжутся с вами в ближайшее время
Отправив запрос вы получаете:
  • Письмо или звонок от нашего менеджера
  • Оценку своего проекта
  • Личную встречу, при необходимости
  • Конфиденциальность гарантирована!
maxim_kaschjev
Ваш менеджер
Максим Кащеев
С удовольствием ответим на все ваши вопросы
Задать вопрос
Digital Marketing

Как это делается? Настройка электронной коммерции в Piwik

Сегодня мы поговорим о важном инструменте для интернет-магазинов — электронной коммерции. Многие из нас уже не раз встречались с этим определением, работая с Google Analytics, но сегодня мы рассмотрим, как настроить e-commerce в системе веб-аналитики Piwik.

Для тех, кто впервые слышит об этой системе хочу сказать, что Piwik — это многофункциональная система веб-аналитики с открытым исходным кодом, которая устанавливается непосредственно на веб-сервер, как обычная CMS. Это, пожалуй, главное ее преимущество, ведь все данные по вашему сайту будут доступны только вам, и никакие третьи лица (компании разработчики) не будут иметь доступа к статистике вашего сайта. Еще одной особенностью является то, что получаемая статистика обновляется каждые 10 секунд, и вы можете в режиме реального времени наблюдать за поведением ваших посетителей. Стоит отметить, что веб статистика Piwik совершенно бесплатна, и вы можете уже сегодня начать опробовать ее в действии, что я вам и советую.

Как это делается? Настройка электронной коммерции в Piwik - image

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

Стоит отметить, что по умолчанию функция «электронной коммерция» не доступна. Для того, чтобы ее активировать, необходимо внести изменения в настройки веб-аналитики и изменить исходный код сайта. С этого и начнем!

Активация функции отслеживания электронной коммерции

Как я уже говорила, по умолчанию в Piwik отключена функция отслеживания электронной коммерции. Для того, чтобы ее активировать, необходимо зайти в Настройки — Сайты — Редактировать и в выпадающем списке выбрать «Включить электронную коммерцию».

Как это делается? Настройка электронной коммерции в Piwik - 2 - image

Как это делается? Настройка электронной коммерции в Piwik - 3 - image

Как это делается? Настройка электронной коммерции в Piwik - 4 - image

После того, как вы включите функцию электронной коммерции, меню «Цели» будет изменено на «Электронная коммерция и цели».

Как это делается? Настройка электронной коммерции в Piwik - 5 - image

В том случае, если вы не видите у себя на сайте пункта меню «Цели», значит вы не включили плагин «Цели». Сперва установите плагин отслеживания целей, а после проделайте все вышеперечисленные действия.

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

Электронная коммерция позволяет отслеживать следующие взаимодействия:

  1. Сделанные заказы.
  2. Добавление товаров в корзину.
  3. Просмотр категорий и страниц товаров.

Далее рассмотрим, как с помощью 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 отследить окончательную стоимость заказа, а также товары, которые в итоге остались в корзине. Отслеживание покупок позволит вам оценить, каков был доход от оставшихся в корзине товаров за день/месяц/год, просмотреть отчет о товарах, которые наиболее часто покупаются и те, которые чаще всего удаляются из корзины. Также вы сможете отслеживать содержания корзин пользователей, которые не зарегистрированы на сайте.

Стоит отметить, что главными причинами отмены оформления заказа являются:

  1. Высокая стоимость товаров.
  2. Сложная форма оформления заказа.
  3. Длительный процесс проверки введенных данных.
  4. Медленная работа сайта.
  5. Пользователь перешел на сайт с целью сравнить цены на товары с ценами конкурентов.

Для отслеживания корзин в 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 завершена. Как видите, это не занимает много времени, но открывает для вас уникальную возможность отслеживать количество оформленных заказов, сумму дохода от продажи товаров, товары, которые наиболее часто покупаются или удаляются из корзины, а также страницы товаров и категорий, которые приносят больше всего конверсий.

Поделись своей эмоцией после прочтения статьи
Давайте обсудим Ваш проект
Мы с радостью сделаем бесплатную оценку вашего проекта
Или просто загрузите файл с презентацией или описанием
Моисеев Артем
Business Development Manager
Моисеев Артем