Настраиваем электронную коммерцию (E-Commerce) в Яндекс Метрике для интернет-магазина

Сегодня я вам расскажу как настроить отчет “Параметры интернет-магазинов” (он же — отчет по электронной коммерции, ECommerce) в Яндекс Метрике.

Отчет “Параметры интернет-магазинов” в Яндекс Метрике нужен для получения детализированной информации о заказах вашего интернет-магазина, такой как, сколько заказов и на какую сумму было совершено за определенный срок, откуда пришел покупатель, сделавший заказ и т.д.

Так же настройка отчета “Параметры интернет-магазинов” пригодится для настройки “Воронки продаж”, о ее настройке я расскажу в одной из следующих статей.

Ниже описана пошаговая настройка отчета “Параметры интернет-магазинов”.

Шаг 1. Получение кода счетчика Яндекс Метрики

Если у вас на сайте уже стоит счетчик Яндекс Метрики, то убедитесь, что в нем присутствуют следующая строчка:

    params:window.yaParams||{ }

Если такой строчки нет или у вас не стоит счетчик на сайте, то за ходим на страницу Яндекс Метрики.

Напротив нужного сайта нажимаем на зеленую кнопку с карандашом (редактировать счетчик).

Зеленая кнопка с карандашом (редактировать счетчик)

Зеленая кнопка с карандашом (редактировать счетчик)

Переходим во вкладку “Код счетчика”, отмечаем нужные вам настройки, и так же устанавливаем флажок у пункта “Пример использования параметров визитов”, он находится в свернутом блоке “Дополнительно”.

Настройки счетчика

Настройки счетчика

Копируем код счетчика и устанавливаем себе на сайт.

Устанавливать код счётчика необходимо сразу после тега <body> в HTML-код страницы.

Шаг 2. Создание 2-х целей “URL страницы”

На той же странице, откуда мы брали код счетчика в предыдущем шаге, переходим во вкладку «Цели» и нажимаем на кнопку «Добавить цель».

Вкладка «Цели»

Вкладка «Цели»

Во всплывшем окне перейдите во вкладку «URL страницы».

В поле «Название» пишем «Страница посещения корзины».

В поле «URL страницы» выбираем пункт «Совпадает» и в соседнем поле указываем полный путь до корзины.

Устанавливаем флажок на против «Типы целей интернет-магазинов» и в появившихся полях выбираем «Эта цель описывает корзину на моем сайте».

Настройка первой цели

Настройка первой цели

И нажимаем кнопку «Добавить».

Дальше настраиваем вторую цель. Нажимаем на кнопку «Добавить цель».

Во всплывшем окне перейдите во вкладку «URL страницы».

В поле «Название» пишем «Страница подтверждения заказа».

В поле «URL страницы» выбираем пункт «Совпадает» или «Содержит» и в соседнем поле указываем путь страницы подтверждения заказа.

Устанавливаем флажок на против «Типы целей интернет-магазинов» и в появившихся полях выбираем «Эта цель описывает подтверждение заказа на моём сайте».

Настройка второй цели

Настройка второй цели

И нажимаем кнопку «Добавить».

Шаг 3. Размещаем код передачи параметров на сайте

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


<script type="text/javascript"> 
var yaParams = {   
	order_id: "12345",   
	order_price: 123.45,    
	currency: "RUR",   
	exchange_rate: 1,   
	goods:       
		[         
			{           
				id: "1",
			        name: "наименование товара",            
				price: 100,           
				quantity: 1         
			}        
		] 
};

var yaCounterХХХХХХ = new Ya.Metrika({id: ХХХХХХ, params:window.yaParams}); 
</script>

где:

order_id — идентификатор заказа, допустимо символьное значение, в этом случае оно должно быть указано в кавычках (необязательный параметр);

order_price — сумма заказа (без доставки), выставленная пользователю, в валюте currency (обязательный параметр);

currency — валюта заказа (допускаются следующие значения: RUR, RUB, UAH, BYR, USD, EUR, TRY, KZT, GBR, CNY, MDL, LVL, TMT, CAD, THB, AUD), по умолчанию — национальная валюта, которая определяется на основании своего региона магазина;

exchange_rate — курс обмена для валюты currency, если магазин использует свой курс (по умолчанию — 1).

Если при оформлении заказа указывается иная валюта, то для приведения к поддерживаемой валюте нужно указать currency (валюту, в которую надо пересчитать) и exchange_rate (курс пересчета).

Например: 1 у.е. = 35 руб., тогда currency=RUR, exchange_rate=35;

id — идентификатор товара магазина (может быть символьным);

name — название товара. Рекомендуем передавать это поле в отчет, чтобы сделать его более понятным. Если вы передаете поле name, то передавать id необязательно.

price — цена товара в валюте currency;

quantity – количество товара;

ХХХХХХ — номер вашего счетчика.

Если у вас несколько разных товаров в одном заказе, то код будет выглядеть так:


<script type="text/javascript"> 
var yaParams = {   
	order_id: "12345",   
	order_price: 123.45,    
	currency: "RUR",   
	exchange_rate: 1,   
	goods:       
		[         
			{           
				id: "1",
			        name: "наименование 1-го товара",            
				price: 100,           
				quantity: 1         
			},
			{           
				id: "2",
			        name: "наименование 2-го товара",            
				price: 150,           
				quantity: 2         
			},
			{           
				id: "3",
			        name: "наименование 3-го товара",            
				price: 450,           
				quantity: 1         
			}     
		] 
};

var yaCounterХХХХХХ = new Ya.Metrika({id: ХХХХХХ, params:window.yaParams}); 
</script>

Шаг 4. Просмотр информации о заказах в Яндекс Метрике

Для просмотра информации о заказах заходим в Яндекс Метрику.

Кликаем на название нужного сайта, затем кликаем на пункт «Содержание» и выбираем «параметры интернет-магазинов»

Пункт "Параметры интернет-магазина"

Пункт «Параметры интернет-магазина»

На странице «параметры интернет-магазинов«, мы можем выбирать произвольный период времени, и увидеть сколько за этот период было заказов, на какую сумму и информацию по всем заказам (номер заказа, содержание заказа, откуда человек пришел, количество товаров и сумма заказа).

Страница "параметры интернет-магазинов"

Страница «параметры интернет-магазинов»

Вот и все!

P.S. При возникновении каких-либо сложностей, пишите вопросы в комментариях. Я постараюсь на все ответить.

Об авторе

Автор: Сергей Виноградов (Написал 3 статьи)

Более 5 лет веб-разработки. Сертифицированный специалист «1С-Битрикс».

57+ разработанных прибыльных сайтов: интернет-магазинов, сайтов услуг, Landing Page, развлекательных порталов, страховых компаний и т.д.

Я на Facebook

  1. Дмитрий:

    Добрый день. Не могли бы вы подсказать, как будет выглядеть код на virtuemart 2? Размещать код будем на странице благодарности за заказ. Давно пытался настроить ecommerce в яндексе и гугле, но знаний в коде не хватает. Заранее огромное спасибо!

    1. Сергей Виноградов:

      Здравствуйте Дмитрий.
      Я не имел дело с этим скриптом. Попробуйте обратиться на официальный форум virtuemart <span class="pseudo-clearfy-link" data-uri="http://www.forum.virtuemart.ru/" rel="nofollow ugc">http://www.forum.virtuemart.ru/</span> или поищите специалиста, например, тут <span class="pseudo-clearfy-link" data-uri="http://work-zilla.com/" rel="nofollow ugc">http://work-zilla.com/</span>

      1. Дмитрий:

        Большое спасибо, что ж, буду искать дальше. Очень рад вашему сайту и вашим статьям!

  2. Дмитрий:

    Добрый день. Не могли бы вы подсказать, как будет выглядеть код на virtuemart 2? Размещать код будем на странице благодарности за заказ. Давно пытался настроить ecommerce в яндексе и гугле, но знаний в коде не хватает. Заранее огромное спасибо!

    1. Сергей Виноградов:

      Здравствуйте Дмитрий.
      Я не имел дело с этим скриптом. Попробуйте обратиться на официальный форум virtuemart <span class="pseudo-clearfy-link" data-uri="http://www.forum.virtuemart.ru/" rel="nofollow ugc">http://www.forum.virtuemart.ru/</span> или поищите специалиста, например, тут <span class="pseudo-clearfy-link" data-uri="http://work-zilla.com/" rel="nofollow ugc">http://work-zilla.com/</span>

      1. Дмитрий:

        Большое спасибо, что ж, буду искать дальше. Очень рад вашему сайту и вашим статьям!

  3. Надежда:

    Здравствуйте. Испытываю большие трудности с составлением и размещением кода. Помогите, пожалуйста.

    1. order_id: &#171;12345&#187;,
    order_price: 123.45,
    Какие параметры на сайте нужно вставлять вместо данных цифр? И где их взять?
    2. id: &#171;1&#187;,
    name: &#171;наименование 1-го товара&#187;,
    price: 100,
    quantity: 1
    Здесь тоже непонятно, откуда взять параметры для них?
    3. Как разместить код на странице подтверждения заказа? Где найти файл?

    1. Сергей Виноградов:

      Здравствуйте.
      1) order_id: &#171;12345&#187;, &#171;12345&#187; &#8212; это номер заказа
      order_price: 123.45, 123.45 &#8212; общая цена заказа

      2) id: &#171;1&#187;, &#171;1&#187; &#8212; уникальный номер(код) заказанного товара
      name: &#171;наименование 1-го товара&#187;, &#171;наименование 1-го товара&#187; &#8212; это название заказанного товара
      price: 100, 100 &#8212; цена заказанного товара за одну штуку
      quantity: 1, 1 &#8212; количество заказанного товара

      3. Как разместить код на странице подтверждения заказа? Где найти файл? &#8212; все зависит от того на чем собран сайт (какая CMS)

  4. Надежда:

    Здравствуйте. Испытываю большие трудности с составлением и размещением кода. Помогите, пожалуйста.

    1. order_id: &#171;12345&#187;,
    order_price: 123.45,
    Какие параметры на сайте нужно вставлять вместо данных цифр? И где их взять?
    2. id: &#171;1&#187;,
    name: &#171;наименование 1-го товара&#187;,
    price: 100,
    quantity: 1
    Здесь тоже непонятно, откуда взять параметры для них?
    3. Как разместить код на странице подтверждения заказа? Где найти файл?

    1. Сергей Виноградов:

      Здравствуйте.
      1) order_id: &#171;12345&#187;, &#171;12345&#187; &#8212; это номер заказа
      order_price: 123.45, 123.45 &#8212; общая цена заказа

      2) id: &#171;1&#187;, &#171;1&#187; &#8212; уникальный номер(код) заказанного товара
      name: &#171;наименование 1-го товара&#187;, &#171;наименование 1-го товара&#187; &#8212; это название заказанного товара
      price: 100, 100 &#8212; цена заказанного товара за одну штуку
      quantity: 1, 1 &#8212; количество заказанного товара

      3. Как разместить код на странице подтверждения заказа? Где найти файл? &#8212; все зависит от того на чем собран сайт (какая CMS)

  5. Уведомление: Как мы увеличили конверсию на 63% и продажи в 3 раза в интернет-магазине IT-продукции за 30 дней
  6. Как мы увеличили конверсию на 63% и продажи в 3 раза в интернет-магазине IT-продукции за 30 дней:

    [&#8230;] быть корректно настроены цели в Яндекс Метрике (как настроить Электронную коммерцию в Яндекс Метрике) и/или Google Analytics, чтобы данные о целях поступали в [&#8230;]

  7. Алексей:

    Яндекс в совем хелпе пишет, что этот метод уже устарел (<span class="pseudo-clearfy-link" data-uri="https://yandex.ru/support/metrika/data/e-commerce.xml" rel="nofollow ugc">https://yandex.ru/support/metrika/data/e-commerce.xml</span>)

    1. Всеволод Козлов:

      Да, Яндекс ввел довольно сильное обновление. Однако метод, описанный в нашей статье, работоспособен. Статью обновим под актуальные веяния Яндекса чуть позже!

  8. Инокентий:

    Добрый день! Никак не могу разобраться куда вставлять код на Добавление товара в корзину? Кнопка у меня выглядит вот так: <input type="image" src="i/alpha.gif" width="157" height="53" border="0" alt="Добавить в корзину" />

  9. Yermek:

    Добрый день!
    подробное описание настройки e-commerce GA или GTM будет?

    1. Всеволод Козлов:

      Подробная инструкция имеется на официальном сайте &#8212; <span class="pseudo-clearfy-link" data-uri="https://support.google.com/analytics/answer/1009612?hl=ru" rel="nofollow ugc">https://support.google.com/analytics/answer/1009612?hl=ru</span>

  10. Илья:

    &#171;Размещаем следующий код на странице подтверждения заказа&#187; &#8212; Подскажите пожалуйста, где конкретно в битриксе найти эту самую страницу. Вопрос висит уже очень давно, погуглить результатов не дало.

    1. Сергей Виноградов:

      Здравствуйте. Если вы используете компонент корзины sale.order.ajax, то заходите в шаблон данного компонента и добавляете код в файл confirm.php

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*
*

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.