Как настроить электронную коммерцию Яндекс.Метрики и Google Analytics в магазине 1С-Битрикс

Те, кто так боится делать что-то неправильно,
обычно вообще редко что-то делают.

Люк де Клапье де Вовенарг

Цель создания модуля « Электронная коммерция для Яндекс.Метрики и Google Analytics» — дать владельцам магазинов на 1С-Битрикс возможность оценивать рентабельность рекламных каналов . Настройка электронной коммерции в Яндекс.Метрики и расширенной электронной торговли Google Analytics ( Enhanced Ecommerce) производится схожим образом. Обе группы отчетов работают на основе данных о взаимодействии посетителя с каталогом товаров, корзиной, заказом.


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

  • Работал через Google Tag Manager ( простое подключение к нескольким системам аналитики);
  • Не зависел от особенностей верстки сайта;
  • Работал для « заказа в 1 клик»;
  • Отправлял заказы « без потерь»;
  • Позволял отправлять заказы не только в момент их создания, но и после оплаты.

Модуль работает 20 дней в демо-режиме. Устанавливайте, настраивайте и обращайтесь за консультацией. Настройка занимает 30−60 минут, если Вы знакомы с Google Tag Manager.


Что умеет Яндекс.Метрика, Google Analytics и наш модуль

Электронная коммерция Метрики и Аналитики поддерживают различный состав e-commerce событий. Понять что и где поддерживается проще по таблице:

Событие Есть Google Analytics Есть Яндекс.Метрике Поддерживается нашим модулем
Просмотр товара в списке ( Product Impressions)


Клик по товару в списке ( Product Clicks)


Просмотр детальной информации о товаре ( Product Detail Impressions)


Добавление в корзину ( Add to Cart)


Удаление из корзины ( Remove from Cart)


Просмотр баннера ( Promotion Impressions)


Клик по баннеру ( Promotion Clicks)


Переход к очередному шагу оформления заказа ( Checkout)


Покупка ( Purchases)


Возврат ( Refunds)



Мы поддержали события, доступные в обеих системах. При этом электронную коммерцию Яндекс.Метрики на 100%. Остальные ( кроме возвратов) сильно зависят от реализации конкретного магазина и не могут быть выполнены универсально.


Требования к магазину

Модуль работает только на сконвертированном магазине. Сконвертирован Ваш магазин или нет легко понять взглянув на ссылку « Заказы» в панели управления сайтом.

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

Если видите подпункты « Оплаты», «Отгрузки» — значит магазин сконвертирован.


Настройки на стороне магазина 1С-Битрикс

Установка и настройка модуля

Для начала установите модуль « Электронная коммерция для Яндекс.Метрики и Google Analytics ».

После установки переходим в настройки модуля: Настройки → Настройки продукта → Настройки модулей → «Электронная коммерция для Яндекс.Метрики и Google Analytics».

Настройки интеграции с метрикой и аналитикой.jpg

Разберем какие настройки за что отвечают.

По умолчанию события отправляются как только страница готова к работе ( DOM Ready). Если пользователь в этот момент закроет страницу, а счетчики еще не загрузились — события будут потеряны.

Повысить надежность отправки событий можно дождавшись загрузки обоих ( или хотя бы одного) счетчиков. Для этого используйте отправку когда « Загружены оба счетчика» и укажите идентификаторы счетчиков. Также поддерживается ожидание загрузки только одного из счетчиков.

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

Числовой идентификатор Вашего счетчика Яндекс.Метрики. Используется для ожидания загрузки счетчика. См. пункт « Отправлять события когда».

id счетчика метрики

Идентификатор представления Google Analytics. Используется для ожидания загрузки счетчика. См. пункт « Отправлять события когда».

id счетчика аналитики

Все события отправляются модулем через контейнер данных Google Tag Manager. По умолчанию он называется dataLayer.
Не рекомендуется изменять этот параметр без веских оснований.

Модуль хранит неотправленные события в базе данных. Если какие-то события не удалось отправить в течение длительного времени их стоит удалить, чтобы не засорять БД. Данный параметр позволяет регулировать время хранения.

Лучшее время чтобы отправить данные о заказе в системы аналитики — сразу после создания. Тем не менее, мы встречали бизнес-кейсы, когда требуется отправлять только оплаченные заказы.

Модуль поддерживает такой сценарий.

Событие по-прежнему должно быть отправлено из браузера пользователя, чтобы системы статистики привязали его к правильному рекламному каналу. Как следствие отправка произойдет только когда пользователь вернется на сайт после оплаты ( например, по ссылке из письма с оповещением).

Яндекс.Метрика позволяет одновременно с данными о заказе зафиксировать выполнение цели. См. параметр goal_id .

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

Установка Google Tag Manager

В двух словах GTM — это инструмент, позволяющий маркетологам « обвешивать» сайт системами аналитики по минимуму привлекая программистов. Для нашей цели достаточно воспринимать его как « хранилище счетчиков», которое позволяет передавать данные сразу в метрику и аналитику без лишних усилий.


Дальше мы разберем как его настроить, а пока:

  • Добавьте менеджер тегов на сайт (вставить 2 фрагмента html в шаблон сайта);
  • Уберите счетчики Яндекс.Метрики и Google Analytics из кода сайта (позже мы перенесем их в менеджер тегов).

 

Настройка электронной коммерции Яндекс.Метрики

В Яндекс.Метрике перейдите в Настройки → Код счетчика. В параметрах включите пункт « Отправка в Метрику данных электронной коммерции». Имя контейнера рекомендуется не менять.

data layer.jpg

Скопируйте html код счетчика и перейдите в Google Tag Manager. Создайте новый тег с параметрами:

  • Тип: «Пользовательский HTML»
  • HTML: код счетчика скопированный из Яндекс.Метрики
  • Триггеры: All Pages

Метрика-тег


Опубликуйте контейнер соответствующей кнопкой и … все. Настройка электронной коммерции в Метрике завершена. Как только наберется статистика, в разделе « Стандартные отчеты → Электронная коммерция» вы увидите результат:

Заказы в метрике

 

Настройка электронной торговли Google Analytics

С Аналитикой придется повозиться чуть больше, чем с Метрикой. Для начала в настройках счетчика включите расширенную электронную торговлю: Администратор → Представление → Настройки электронной торговли.

Включение торговли в Google Analytics.jpg

В Метрике один тег со счетчиком отвечал и за регистрацию обычных событий ( просмотры страниц) и за события эл. коммерции. В Аналитике за эти действия отвечают 2 разных тега: «просмотры страниц» и «электронная торговля».

Перед тем как браться за теги, нужно создать триггеры. Это сигналы, при возникновении которых наши события отправляются в статистику. Создайте триггеры:

  • Тип: Пользовательское событие 
  • Имя события: ivcp.basket_updated

Аналитика - триггер 1

  • Тип: Пользовательское событие
  • Имя события: ivcp.order_processed

Аналитика - триггер 2


Теперь создадим теги.

  • Тип: Universal Analytics
  • Идентификатор отслеживания: <ID вашего представления из счетчика Google Analytics>
  • Тип отслеживания: Просмотры страниц
  • Триггеры: All Pages

Аналитика - тег 1

  • Тип: Universal Analytics
  • Идентификатор отслеживания: <ID вашего представления из счетчика Google Analytics>
  • Тип отслеживания: Событие
  • Категория: intervolga.conversionpro
  • Действие: {{Event}}
  • Ярлык: {{Page URL}}
  • Дополнительные настройки
    • Электронная торговля
      • Включить расширенные функции электронной торговли — ДА
        • Использовать уровень данных — ДА
  • Триггеры: Изменена корзина, Оформлен заказ (те самые, что мы создали ранее)

Аналитика - тег 2

Аналитика - тег 2-2


Готово!

Как только наберется статистика, в разделе « Конверсии → Электронная торговля» вы увидите результат

Поведение покупателей в аналитике.jpg

 

Как протестировать работу модуля

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

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

Включить отладку


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

Консоль


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

  • Яндекс.Метрику
    • Данные доступны уже через 5−7 минут
    • Смотреть: Стандартные отчеты → Электронная коммерция → *
  • Google Analytics:
    • Данные доступны через сутки
    • Смотреть: Конверсии → Электронная торговля → *
    • Намного быстрее, но без детальных отчетов можно увидеть события в разделе: В режиме реального времени → События

Как настроить отправку информации о просмотрах товаров

Этот тип событий также поддерживается нашим модулем, но универсального способа понять, что событие случилось — нет. Поэтому для настройки требуется установить в шаблон детальной страницы товара наш компонент intervolga: conversionpro.productdetail.


Хотите получить пример вызова этого компонента с получением всех необходимых параметров из данных о товаре? — Поделитесь этой статьей в социальных сетях, укажите ссылку на публикацию в форме ниже . Мы пришлем пример Вам на почту.


Яндекс.Метрика как и раньше автоматически получит и учтет событие просмотра карточки товара. Для Google Analytics необходимо создать:

  • Тип: Пользовательское событие
  • Имя события: ivcp.detail_viewed
  • Тип: Universal Analytics
  • Идентификатор отслеживания: <ID вашего представления из счетчика Google Analytics>
  • Тип отслеживания: Событие
  • Категория: intervolga.conversionpro
  • Действие: {{Event}}
  • Ярлык: {{Page URL}}
  • Не взаимодействие: True
  • Дополнительные настройки
    • Электронная торговля
      • Включить расширенные функции электронной торговли — ДА
        • Использовать уровень данных — ДА
  • Триггеры: Просмотрена детальная информации о товаре

Вместо вывода

Я начал этот пост с рассуждения о рентабельности каналов рекламы. Закончить хочу подсчетом рентабельности нашего решения.

  • Стоимость модуля — 5 000 руб. Есть демо-режим на 20 дней.
  • У специалиста знакомого с Google Tag Manager уйдет 30−60 минут, чтобы все настроить.
  • Если вы хотите отслеживать просмотры товаров, Вам потребуется программист на 1−3 часа.

При ставке часа 2 000 р/ч получается, что для « оживления» отчетов по электронной торговле Вы потратите:

  • от 5 000 р. (если купите модуль и настроите его сами),
  • до 13 000 р. (если закажете всю работу у нас и в Вашем магазине ну очень хитрая логика и переработанный компонент каталога).


Как быстро окупится эта сумма — знаете только Вы.

Могу лишь добавить, что на разработку модуля было потрачено около 250 человеко-часов. Неуниверсальное ( заточенное под конкретный сайт) решение со схожими функциями можно разработать ~ за 40−100 ч/ч в зависимости от требований к качеству и надежности.


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

  • Пример кода для настройки события "Просмотр детальной информации о товаре"
  • Контейнер для TagManager, который можно импортировать в свой аккаунт и не проходить все шаги настройки.

Я «поделился» статьей, прошу прислать файл