Содержание

Оглавление

Содержание 2

1 Счетчики 3

1.1 Список 3

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

1.2 Регистрация счетчиков 4

1.3 Настройки метрики для работы с Веб платформой 4

1.4 События платформы 5

1.5 Регистрация счетчика в Яндекс Метрике 8

1.6 Пример использования событий в виджете яндекс метрики. 12

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

6.1 Проверка корректности передаваемых данных 17

1. Счетчики

   1.  

   Список

В списке представлены все зарегистрированные счетчики для организации. В этом списке доступны операции удаления и редактирования настроек счетчиков.

1.  

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

Форма настройки счетчика позволяет его полностью перенастроить для использования на другом сайте, изменить тип или прикрепить другой счетчик (поменяв id счетчика).

1.  

   1. Регистрация счетчиков

Форма регистрации идентична форме настроек и просто добавляет новый счетчик в систему который в последствии можно полностью перенастроить в соответствующем интерфейсе.

1.  

   1. Настройки метрики для работы с Веб платформой

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

1. 1. События платформы

Таблица 1

Для целей типа "Посещение страниц" используются следующие адреса:

1. https://moipass.ru/tariffs/list?siteid={id} - список тарифов (id - номер сайта, указан в колонке «id» в списке сайтов, вводить без фигурных скобок )
 2. https://idsrv-test.moipass.ru/identity/login - страница авторизации
 3. https://idsrv-test.moipass.ru/Account/Register - страница регистрации
 4. https://idsrv-test.moipass.ru/Account/Confirm?...MessageId=AccountRegistred... - страница успешной регистрации
 5. https://idsrv-test.moipass.ru/Account/ForgotPassword - страница восстановления пароля
 6. https://idsrv-test.moipass.ru/Account/Confirm?...MessageId=PasswordRecovery... - страница успешной отправки нового пароля
 7. https://test.moipass.ru/order/Personification/ - страница персонификации
 8. https://test.moipass.ru/order/PayConfitm/ - страница подтверждения заказа перед оплатой
 9. https://test.moipass.ru/order/Complete/ - страница результата оплаты (может быть как успешная оплата, так и отказ от оплаты)

1. 1. Регистрация счетчика в Яндекс Метрике

Регистрируем счетчик:

Для этого на главной странице аккаунта яндекс метрики нажимаем кнопку «Добавить счетчик»

Далее первым шагом будет предложено дать счетчику имя, указать адрес сайта (в нашем случае адрес сайта на котором размещен виджет), включить веб визор. Часовой пояс устанавливаем согласно тому где мы находимся. Настройка «Принимать данные только с указанных адресов» должна быть отключена. Соглашаемся с условиями пользовательского соглашения, поставив соответствующую галочку. Далее нажимаем кнопку «Создать счетчик»

Вторым шагом метрика предоставит код для вставки счетчика на сайт. Этот код размещается на странице, где расположен виджет.

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

По нажатию на кнопку добавить цель появится всплывающее окно:

Здесь нам необходимо указать название цели, выбрать тип условия, в нашем случае это JavaScript-событие. В поле Идентификатор цели указываем событие виджета, список которых приведен в Таблице 1.

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

1. 1. Пример использования событий в виджете яндекс метрики.

На странице «Сводка» яндекс метрики в правой части страницы есть кнопка «Создать виджет». Нажав на нее, в выпадающем списке будут предложены типы доступных виджетов. Для примера используем виджет «Линии».

Всплывающим окном откроется интерфейс настройки виджета. Во вкладке «Основное» Можно дать название виджету и выбрать его основные характеристики. Нас интересует статистика «Визиты». Поэтому оставляем все как есть.

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

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

Теперь на странице сводки появится виджет с графиком выбранных целей.

Важно! У яндекс метрики счетчик фиксирует все метрики не чаще чем 1 раз в 1 секунду, следовательно, данные полученные счетчиком могут отличаться от действительности в меньшую сторону.

Более подробное описание яндекс метрики доступно в официальной справке яндекса.

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

Чтобы проверить, правильно ли настроена электронная коммерция:

1. Перейдите в Метрику и в настройках счетчика убедитесь, что:
   1. включена опция Электронная коммерция;
   2. в поле Контейнер данных указан dataLayer (по умолчанию) или другое значение.
2. Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"<контейнер данных>" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
3. В адресной строке браузера добавьте к адресу страницы параметр _ym_debug=2 и загрузите страницу.

http://example.com/?_ym_debug=2

1. Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию Добавление товара в корзину.

Внизу страницы нажмите значок   — появится панель отладки.

Примечание. Параметр _ym_debug=2 работает только, если на сайте установлен новый код счетчика Метрики. Если установлена предыдущая версия кода или панель отладки не появилась, используйте консоль браузера.

1. Если в блоке во вкладке Ecommerce отобразится информация о действии, значит данные о заказе переданы в Метрику.

Также вы можете использовать лог ваших действий при работе с отладчиком.

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

Используйте этот способ, если на вашем сайте стоит предыдущая версия счетчика Метрики.

• Перейдите в Метрику и в настройках счетчика убедитесь, что:
  • включена опция Электронная коммерция;
  • в поле Контейнер данных указан dataLayer (по умолчанию) или другое значение.
• Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"<контейнер данных>" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
• В адресной строке браузера добавьте к адресу страницы параметр _ym_debug=1 и загрузите страницу.

http://example.com/?_ym_debug=1

Затем вызовите консоль браузера с помощью сочетания клавиш Ctrl + Shift + J (⌥ + ⌘ + J для семейства операционных систем Apple).

• Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию Добавление товара в корзину.
• Если в параметрах есть ecommerce, а уровнем ниже add — формат соответствует примеру в событии Добавление товара в корзину, значит данные о заказе переданы в Метрику. Через некоторое время они появятся в отчетах.

1.  

   1. Проверка корректности передаваемых данных

В примере проверяются данные, которые передаются в событии Добавление товара в корзину.

• Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"контейнер данных" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
• Вызовите консоль браузера с помощью сочетания клавиш Ctrl + Shift + J (⌥ + ⌘ + J для семейства операционных систем Apple).
• В настройках консоли включите опцию Preserve log.

• Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию Добавление товара в корзину.
• В консоль вставьте команду JSON.stringify(<имя контейнера>). По умолчанию JSON.stringify(dataLayer).

Если в консоли:

Есть информация о массиве данных

• Cкопируйте массив (кроме внешних квадратных скобок).
• Для просмотра данных используйте любой JSON-парсер.
• Убедитесь, что формат данных соответствует событию Добавление товара в корзину.

Отобразилась ошибка «dataLayer is not defined»

Это означает, что в коде страницы, на которой вы проверяете событие, не задана строка window.dataLayer = window.dataLayer || [];. Как настроить передачу данных см. в разделе Передача данных об электронной коммерции.

Отобразился пустой массив данных в виде [] (квадратных скобок) .

Это означает, что массив объявлен (в примере dataLayer), но для проверяемого события не настроена передача данных.