UX/UI

Как подключить электронную коммерцию в Яндекс Метрике: полное руководство по настройке

UX-инсайты, о которых не пишут в статьях. Подпишитесь на наш телеграм-канал.
Владимир
Аналитик
Содержание

Что такое электронная коммерция в Яндекс Метрике

Электронная коммерция в Яндекс Метрике – это не просто инструмент аналитики, а стратегический инструмент для роста вашего онлайн-бизнеса. Она открывает возможность видеть не только финальные продажи, но и весь путь клиента: от первого касания с товаром до успешного оформления заказа.
С её помощью вы сможете:
  • глубже понимать поведение и предпочтения покупателей;
  • точно оценивать эффективность рекламных каналов и маркетинговых активностей;
  • принимать взвешенные решения на основе данных, а не предположений.
Внедрение электронной коммерции – обязательный этап для любого интернет-магазина, стремящегося к устойчивому развитию. В этом руководстве мы подробно разберем, как настроить систему отслеживания двумя способами: с помощью готовых плагинов для быстрого старта и через ручную реализацию для полного контроля над данными. А также посмотрим, какие отчеты доступны для анализа. Выберите подходящий вариант и превратите данные в ваш главный актив.
Нужна помощь? Доверьте настройку специалистам KISLOROD! Наша команда быстро и качественно подключит электронную коммерцию для вашего интернет-магазина. Свяжитесь с нами для консультации и получите детальную аналитику уже в ближайшее время.

Подготовка счетчика к настройке

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

Шаг 1. Создание счетчика Яндекс Метрики

Счетчик Метрики – это базовый инструмент для сбора статистики о вашем сайте. Без него невозможно начать работу с электронной коммерцией. Если у вас еще нет счетчика, создайте его в личном кабинете.
Рекомендуем к прочтению: Как подключить и настроить счетчик Яндекс Метрики.
Создание счетчика Яндекс Метрики в KISLOROD

Шаг 2. Активация функции электронной коммерции

Настройка функционала происходит в интерфейсе Метрики:
2.1. Перейдите в Настройки созданного счетчика.
2.2. Найдите раздел Счётчик.
2.3. Активируйте опцию Электронная коммерция. Имя контейнера данных оставьте по умолчанию.
2.4. Сохраните изменения.
Активация функции электронной коммерции в Яндекс Метрике

Шаг 3. Установка или обновление кода счетчика

Код отслеживания необходимо разместить на всех страницах сайта, где вы хотите собирать статистику. Если счетчик уже установлен, убедитесь, что есть и обновленный код Метрики с активной функцией электронной коммерции.
Установка или обновление кода счетчика в Яндекс Метрике
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

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

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

Подключение электронной коммерции через плагины

Автоматическое подключение – это готовое решение для CMS, которое не требует глубоких технических знаний.
Установите плагин в вашу CMS. Ниже список официальных плагинов от Яндекса для популярных CMS:
Команда Яндекс Метрики разработала официальный бесплатный модуль для установки на сайт счетчика веб-аналитики. Модуль работает на версии 1С-Битрикс 18.0 и выше, поддерживает все редакции «1С-Битрикс: Управление сайтом».
Команда KISLOROD рекомендует обратить внимание на расширенные решения для аналитики, такие как модуль «Электронная коммерция для Яндекс.Метрики», разработанный Голубевым Артуром.
Для использования возможностей электронной коммерции на сайте должен быть установлен плагин для интернет-магазина WooCommerce.
Для использования возможностей электронной коммерции на сайте должен быть установлен модуль, который нужно загрузить на сайт.
Переопубликуйте в Tilda все страницы сайта, и данные о заказах начнут автоматически поступать в Метрику. Никаких других настроек больше не требуется.

Ручное подключение электронной коммерции

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

Структура передачи данных

Data Layer — это специальный контейнер, который используется для передачи информации о действиях пользователя. Все события электронной коммерции передаются через него.
Базовая структура dataLayer:
window.dataLayer = window.dataLayer || [];

Настройка событий для отслеживания действий

В контексте электронной коммерции каждый товар рассматривается как отдельный объект данных, с которым пользователь может совершать различные действия. Эти действия фиксируются и передаются в систему аналитики для последующего анализа.
Основные типы взаимодействий:
  • просмотр списка товаров;
  • клик по товару из списка;
  • просмотр товара;
  • добавление товара в корзину;
  • удаление товара из корзины;
  • покупка;
  • просмотр внутренней рекламы;
  • клики внутренней рекламы.
Все взаимодействия с товарами передаются в Яндекс.Метрику в формате JavaScript-объектов. Каждый объект содержит: идентификатор действия – уникальный код события, список товаров – перечень объектов, с которыми было совершено действие, дополнительные параметры – характеристики взаимодействия.
Контейнер данных должен находиться в глобальном пространстве имен, а его имя соответствовать имени, заданному при настройке счетчика или при инициализации счетчика. Если контейнер данных имеет название dataLayer или счетчик Метрики был инициирован со значением параметра ecommerce равным true, то предполагается, что контейнером данных является массив window.dataLayer.
<script type="text/javascript">
    // Инициализация кода счетчика
    ym(XXXXXX, 'init', {
        ...
        // Если настройка ecommerce включена при инициализации, то контейнером данных всегда будет window.dataLayer
        // Если настройка включена через интерфейс, то название можно изменить в настройках счетчика 
        ecommerce: true
        ...
    });
    // Контейнер данных (JavaScript-массив) в глобальном пространстве имен (window)
    window.dataLayer = window.dataLayer || [];
</script>
...
<script type="text/javascript">
    // Используем метод push для добавления Ecommerce-объекта
    window.dataLayer.push(
        // Ecommerce-объект
        {
            "ecommerce": {
                ...
                "currencyCode": "RUB",
                "<actionType>": {
                    "actionField": <actionField>,
                    "products" : [<productFieldObject>, <productFieldObject>, ...]
                }
                ...
            }
        }
    );
</script>
Ecommerce-объект имеет следующий вид:
window.dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "<actionType>": {
            "actionField": <actionField>,
            "products": [<productFieldObject>, <productFieldObject>, ...]
        }
    }
});
* Обязательный параметр.
** Обязательный параметр для передачи информации о покупке.

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

Объект, описывающий отдельный товар.
Структура объекта, описывающего товар, обозначается как productFieldObject.

Данные о действии

Объект, содержащий данные о действии, произведенном с товаром или набором товаров.
Обрабатывается, только если действие — покупка (<actionType> — purchase).
Структура объекта, описывающего действие, обозначается как actionField.
При передаче данных о действии Метрика создает цель. Она позволяет получать данные о доходе с рекламной кампании Директа. В Директе, в списке доступных целей, такая цель отображается как «eCommerce: Покупка (счетчик № <ID счетчика>)». При этом вы можете отслеживать достижение цели самостоятельно, передавая поле goal_id.

Данные о промокомпаниях

Объект, описывающий промокампании.
Контейнер такой же, но вместо productFieldObject записывается promoFieldObject.
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

Примеры передачи событий

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

Просмотр списка товаров

Данные должны отправляться в момент открытия списка товаров.
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "impressions": [
            {
                "id": "P15432",
                "name" : "Футболка",
                "price": 477.60,
                "brand": "Яндекс / Яndex",
                "category": "Одежда / Мужская одежда / Футболки",
                "variant" : "Красный цвет",
                "list": "Search",
                "position": 1
            },
            {
                "id": "P15435",
                "name" : "Футболка",
                "price": 500.60,
                "brand": "Яндекс / Яndex",
                "category": "Одежда / Мужская одежда / Футболки",
                "variant" : "Синий цвет",
                "list": "Search",
                "position": 2
            }
        ]
    }
});

Клик по товару из списка

Данные должны передаваться в момент, когда пользователь совершил клик по ссылке товара.
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "click": {
            "products": [
                {
                    "id": "39084",
                    "name": "Термостакан Яндекс",
                    "price": 1089.69,
                    "brand": "Яндекс / Яndex",
                    "category": "Товары для дома / Посуда / Термосы и термокружки",
                    "variant": "Красный цвет",
                    "list": "Search",
                    "position": 1
                }
            ]
        }
    }
});

Просмотр товара

Данные должны отправляться в момент открытия страницы с карточкой товара.
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "detail": {
            "products": [
                {
                    "id": "P15432",
                    "name": "Футболка",
                    "price": 477.60,
                    "brand": "Яндекс / Яndex",
                    "category": "Одежда / Мужская одежда / Футболки",
                    "variant": "Красный цвет",
                    "list": "Результаты поиска",
                    "position": 1
                }
            ]
        }
    }
});

Добавление товара в корзину

Данные должны отправляться в момент добавления заказа в корзину. Например, при нажатии кнопки «Добавить в корзину».
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "add": {
            "products": [
                {
                    "id": "43521",
                    "name": "Сумка Яндекс",
                    "price": 654.32,
                    "brand": "Яндекс / Яndex",
                    "category": "Аксессуары / Сумки",
                    "quantity": 1,
                    "list": "Выдача категории",
                    "position": 2
                }
            ]
        }
    }
});

Удаление товара из корзины

Данные должны отправляться в момент удаления заказа из корзины.
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "remove": {
            "products": [
                {
                    "id": "15243",
                    "name": "Набор протирашек для экрана телефона - Яндекс",
                    "category": "Аксессуары для мобильного телефона",
                    "quantity": 1,
                    "list": "Аксессуары",
                    "position": 3
                }
            ]
        }
    }
});

Покупка

Данные должны отправляться в момент подтверждения заказа.
dataLayer.push({
    "ecommerce": {
        "currencyCode": "RUB",
        "purchase": {
            "actionField": {
                "id": "TRX987"
            },
            "products": [
                {
                    "id": "25341",
                    "name": "Толстовка Яндекс мужская",
                    "price": 1345.26,
                    "brand": "Яндекс / Яndex",
                    "category": "Одежда / Мужская одежда / Толстовки и свитшоты",
                    "variant": "Оранжевый цвет",
                    "quantity": 1,
                    "list": "Одежда",
                    "position": 1
                },
                {
                    "id": "25314",
                    "name": "Толстовка Яндекс женская",
                    "price": 1543.62,
                    "brand": "Яндекс / Яndex",
                    "category": "Одежда / Женская одежда / Толстовки и свитшоты",
                    "variant": "Белый цвет",
                    "quantity": 3,
                    "list": "Толстовки",
                    "position": 2
                }
            ]
        }
    }
});

Просмотр внутренней рекламы

Данные должны отправляться, когда пользователь просмотрел рекламные материалы.
dataLayer.push({
    "ecommerce": {
        "promoView": {
            "promotions": [
                {
                    "id": "BF001",
                    "name": "Черная пятница",
                    "creative": "Баннер_1",
                    "position": "Слот1"
                },
                {
                    "id": "SUMMER002",
                    "name": "Летние распродажи",
                    "creative": "Баннер_3",
                    "position": "Слот2"
                }
            ]
        }
    }
});

Клики внутренней рекламы

Данные должны отправляться, когда пользователь кликнул или совершил другое целевое действие с рекламным материалом.
dataLayer.push({
    "ecommerce": {
        "promoClick": {
            "promotions": [
                {
                    "id": "BF001",
                    "name": "Черная пятница",
                    "creative": "Баннер_1",
                    "position": "Слот1"
                }
            ]
        }
    }
});

Проверка настройки электронной коммерции

Проверка через панель отладки

Для проверки корректности настройки электронной коммерции выполните следующие шаги:
1. В интерфейсе Метрики:
Перейдите в настройки вашего счётчика и убедитесь, что:
  • включена опция Электронная коммерция;
  • в поле Имя контейнера данных указан dataLayer (по умолчанию) или другое значение, указанное вами.
2. Проверка кода счетчика на сайте:
  • убедитесь, что код счётчика содержит параметр ecommerce:true или ecommerce:"<контейнер данных>";
  • по умолчанию используется значение ecommerce:"dataLayer", и имя контейнера должно соответствовать значению, указанному в настройках.
3. Запуск режима отладки:
В адресной строке браузера добавьте параметр _ym_debug=2 и загрузите страницу:
http://example.com/?_ym_debug=2
4. Выполнение действия на странице:
Выполните действие, связанное с электронной коммерцией, например, добавление товара в корзину. Это должно соответствовать событию Добавление товара в корзину.
5. Открытие панели отладки
Внизу страницы нажмите на значок , чтобы открыть панель отладки
Яндекс Метрика
Примечание:
  • параметр _ym_debug=2 работает только при наличии нового кода счётчика Метрики на сайте;
  • если панель отладки не появляется или используется старая версия кода, воспользуйтесь консолью браузера для проверки.
6. Анализ результатов:
Если в блоке Ecommerce отображается информация о выполненном действии, это означает, что данные о заказе успешно переданы в Метрику.
Проверка счетчика Яндекс Метрики

Проверка с использованием консоли браузера

Этот метод рекомендуется применять, если на вашем сайте установлен предыдущий вариант счётчика Метрики.
1. Запуск режима отладки:
В адресной строке браузера добавьте параметр _ym_debug=1 и загрузите страницу: https://example.com/?_ym_debug=1
2. Открытие консоли браузера:
Вызовите консоль разработчика в браузере с помощью сочетания клавиш:
  • Windows/Linux: Ctrl + Shift + J
  • macOS: Cmd + Option + J
3. Выполнение действия на странице:
Выполните действие, связанное с электронной коммерцией, например, добавление товара в корзину. Это должно соответствовать событию Добавление товара в корзину.
4. Анализ данных в консоли:
  • проверьте, присутствуют ли параметры ecommerce и add в логах консоли;
  • если вы видите параметры в формате, соответствующем событию Добавление товара в корзину, это означает, что данные успешно переданы в Метрику;
  • данные появятся в отчетах через некоторое время.
Если параметры ecommerce и add отображаются корректно, значит, передача данных в Метрику осуществляется правильно.

Готовые отчеты по электронной коммерции для разных задач

Для просмотра статистики зайдите в Метрику и выберите Отчеты → Электронная коммерция.

Отчет «Источники заказов»

Отчет может содержать информацию о доходности вашего сайта, например: количество покупок, доход со всех покупок, средний показатель дохода покупки и визита, источники, из которых поступают более прибыльные заказы.
Что можно проанализировать:
  • узнать доход со всех покупок, совершенных на сайте;
  • определить источник, который принес наибольший доход.
Посмотреть отчет: Отчеты → Электронная коммерция → Источники заказов.
Отчет «Источники заказов» в Яндекс Метрике

Отчет «Содержимое заказов»

Отчет включает детализированную информацию о заказах с сайта: количество товаров в заказе, стоимость каждого заказа и общая сумма всех заказов за выбранный период.
Что можно посмотреть:
  • заказы, которые принесли наибольший доход;
  • заказы, совершенные посетителями с мобильных устройств.
Посмотреть отчет: Отчеты → Электронная коммерция → Содержимое заказов.
Отчет «Содержимое заказов» в Яндекс Метрике

Отчет «Заказанные товары»

Что можно проанализировать:
  • узнать количество проданных товаров;
  • узнать прибыль от проданных товаров.
Посмотреть отчет: Отчеты → Электронная коммерция → Заказанные товары.
Отчет «Заказанные товары» в Яндекс Метрике

Отчет «Популярные категории и бренды»

Отчет показывает категории товаров и бренды, наиболее популярные среди посетителей сайта.
Что можно узнать:
  • наиболее популярные категории товаров;
  • наиболее популярные бренды;
  • товары каких брендов посетители покупают чаще.
Посмотреть отчет: Отчеты → Электронная коммерция → Популярные категории и бренды.
Отчет «Содержимое заказов» в Яндекс Метрике

Отчет «Популярные товары»

Отчет включает данные о самых популярных товарах среди посетителей сайта, основываясь на количестве просмотров страниц товаров.
Что можно проанализировать:
  • посмотреть топ товаров;
  • узнать, какие товары добавили в корзину, а какие купили.
Посмотреть отчет: Отчеты → Электронная коммерция → Популярные товары.
Отчет «Популярные товары» в Яндекс Метрике

Отчет «Товары в корзине»

Отчет включает данные по всем товарам, добавленным посетителями в корзину на сайте.
С ним можно проанализироватьстатистику по добавленным в корзину товарам.
Посмотреть отчет: Отчеты → Электронная коммерция → Товары в корзине.
Отчет «Популярные товары» в Яндекс Метрике

Отчет «Списки товаров»

Отчет демонстрирует просмотры, клики по товарам в списке и процент посетителей, выбравших товар. Позволяет оценить эффективность товаров в различных списках и на разных позициях.
Что можно проанализировать:
  • сколько посетителей просматривают товары в списке;
  • какие списки получают больше охвата, а какие меньше;
  • сколько посетителей и как часто кликают на товар в списке.
Посмотреть отчет: Отчеты → Электронная коммерция → Списки товаров.
Отчет «Списки товаров» в Яндекс Метрике

Отчет «Промокампании»

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

Отчет «Промокоды»

Отчет содержит данные о покупках, которые были совершены по промокодам.
Что можно проанализировать:
  • посмотреть статистику покупок по каждому промокоду;
  • выявить промоакции, которые принесли наибольший доход.
Посмотреть отчет: Отчеты → Электронная коммерция → Промокоды.
Отчет «Промокоды» в Яндекс Метрике

Отчет «Заказы по времени суток»

Отчет демонстрирует изменения в покупательском поведении пользователей на вашем сайте в разное время суток.
Что можно проанализировать:
  • в какое время суток больше или меньше посетителей совершают заказы;
  • в какое время суток пользователи активнее совершают заказы;
  • в какое время суток пользователи формируют корзины для заказов.
Посмотреть отчет: Отчеты → Электронная коммерция → Заказы по времени суток.
Отчет «Заказы по времени суток» в Яндекс Метрике

Отчет «Заказы по дням недели»

Отчет иллюстрирует изменения в покупательском поведении пользователей на вашем сайте в зависимости от дня недели.
Можно узнать, в какой день недели:Что можно проанализировать:
  • больше или меньше посетителей совершают заказы;
  • пользователи активнее совершают заказы;
  • пользователи формируют корзины для заказов.
Посмотреть отчет: Отчеты → Электронная коммерция → Заказы по дням недели.
Отчет «Заказы по дням недели» в Яндекс Метрике

Отчет «Заказы по месяцам»

Отчет демонстрирует, как покупательское поведение пользователей на вашем сайте варьируется в зависимости от месяца года.
Что можно проанализировать:
  • в какие месяцы больше или меньше посетителей совершают заказы;
  • в какие месяцы пользователи активнее совершают заказы.
Посмотреть отчет: Отчеты → Электронная коммерция → Заказы по месяцам.
Отчет «Заказы по месяцам» в Яндекс Метрике

Отчет «Ecommerce-воронка»

Отчет отображает прогресс пользователей в выполнении определенных шагов среди всех посетителей сайта.
Так можно оценить, какие события электронной коммерции достигаются на вашем сайте пользователями.
Посмотреть отчет: Отчеты → Электронная коммерция → Ecommerce-воронка.
Отчет «Ecommerce-воронка» в Яндекс Метрике
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

Выводы

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

Рекомендованные статьи

Скачайте 17 точек роста и 100 + чекеров для роста конверсии и прибыли интернет-магазина
При переходе в одну из указанных социальных сетей вы автоматически даете согласие на обработку персональных данных и согласие на получение рекламной рассылки. Подробнее об обработке данных в Политике конфиденциальности.
Мы проанализировали ведущие интернет-магазины, результаты исследований, свой опыт и собрали важные моменты в одно руководство. Делаем e-commerce лучше, поэтому не только пользуемся сами, но и делимся с вами.
Выберите удобный мессенджер и получите чек-лист прямо сейчас: