Сбор статистики с Яндекс.Метрика

Яндекс.Метрика позволяет отслеживать количество посетителей и их визитов, устройства посетителей, регион посетителей, действия выполняемые на странице и другие данные. Основное отличие Яндекс.Метрики от других подобных сервисов сбора аналитических данных в том, что он предназначен для интеграции с другими сервисами Яндекс. Дополнительная информация о данном сервисе размещена здесь - https://yandex.ru/support/metrika/.

Как подключить Яндекс Метрику?

Перед выполнением подключения Яндекс.Метрики к сайту или странице нужно, чтобы у вас уже был свой аккаунт в Яндекс.

1. Перейдите по этой ссылке и выберите "Добавить счетчик".

2. Заполните данные о счетчике.

• В поле "Адрес сайта" укажите имя вашего основного домена и/или поддомена, а также имя вашего тестового поддомена;

• Дополнительно включите два следующих пункта;

• Чтобы счетчик сразу после подключения начал собирать всю информацию о визитах посетителей на страницу, включите "Вебвизор, карта скроллинга, аналитика форм".

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

4. Прокрутите страницу с номером счетчика вниз и нажмите на кнопку "Начать пользоваться", а полученный номер счетчика нужно ввести в раздел Плагины, подключив плагин YandexMetrika

Положение нужно выбрать перед \, это обеспечивает стабильную работу Яндекс Метрики. Не забудьте также включить Вебвизор по необходимости

Альтернативный CDN в большинстве случае остается отключенным Опция позволяет корректно учитывать посещения из регионов, в которых ограничен доступ к Яндекс.Метрике. Использование этой опции может снизить скорость загрузки кода счетчика. Даже при включенной опции код счетчика может отправлять предварительный запрос к mc.yandex.ru для экономии трафика.

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

5. Теперь при посещении любой из страниц в проекте, в Яндекс.Метрику будет передаваться информация о визитах. Для проверки работы счетчика, страницу сайта необходимо открыть заново, а после проверить наличие информации в аккаунте Яндекс.Метрики в разделе "Сводка" или "Отчеты".

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

Как настроить передачу событий при выполнении посетителем определенных действий?

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

2. Создайте цели, которые будете использовать для своего сайта. Для отслеживания нажатий на кнопки, отправку заявок или переходы на другие страницы по нажатию кнопки - выберите "JavaScript-событие". В поле "Идентификатор события" введите любое название идентификатора без пробелов, например, open_modal или back_cell.

3. Указанное имя идентификатора добавьте в настройках кнопок, по нажатию которых должна передаваться информация о событии.

Заметка: добавление целей производится в настройках кнопок, это может быть обычный виджет "Кнопка", кнопка в виджете "Меню", кнопка в форме и так далее.

4. После настройки целей в редакторе обязательно выполните повторную публикацию страницы.
5. Проверить результат работы можно открыв страницу повторно и выполнив необходимые действия для передачи цели. Для просмотра информации по целям в Яндекс.Метрике используйте раздел "Отчеты" - "Стандартные отчеты" - "Конверсия".

Как получить и передать уникальный идентификатор посетителя в заявке?

1. Перейдите в раздел "Плагины" и создайте плагин "Свой код". В нем, в поле "Код перед \" добавьте следующий скрипт:

<script>
(function() {
  function getUrlParam(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
  }

  const urlYclid = getUrlParam('yclid');
  if (urlYclid && !localStorage.yclid) {
    localStorage.setItem('yclid', urlYclid);
  }

  const urlYmclid = getUrlParam('ymclid');
  if (urlYmclid && !localStorage.ymclid) {
    localStorage.setItem('ymclid', urlYmclid);
  }
})();

cr.api(function cb(page) {  
  page.on('before-form-submit', function (event) {  
    if (localStorage._ym_uid) {  
      event.fields.push({  
        name: '_ym_uid',  
        value: localStorage._ym_uid  
      });  
    }  

    if (localStorage.yclid) {  
      event.fields.push({  
        name: 'yclid',  
        value: localStorage.yclid  
      });  
    }  

    if (localStorage.ymclid) {  
      event.fields.push({  
        name: 'ymclid',  
        value: localStorage.ymclid  
      });  
    }  
  });  
});  
</script>

2. Повторно опубликуйте страницу и отправьте тестовую заявку, чтобы проверить передалось ли значение "_ym_uid" от Yandex в заявке. Результат должен быть примерно таким:

Заметка: Вы можете столкнуться с ситуацией, когда _ym_uid есть в заявке, а yclid или ymclid нет - это нормально. Не все переходы на сайт выполняются с Директа или других рекламных источников, поэтому ymclid и yclid будет приходить реже.

Что делать если не работает вебвизор?

03 апреля 2019 года мы перешли на новый код метрики, что позволило поддерживать новый Вебвизор, а также улучшило отзывчивость и скорость загрузки страницы при подключении счетчика Яндекс. Однако в новом коде Яндекс.Метрики нет поддержки работы со старой версий вебвизора. Именно по этому в настройках самой метрики важно выполнить следующие действия.

1. Откройте "Дополнительные настройки" в настройках счетчика и убедитесь, что все параметры установлены как на скриншоте.

Заметка: параметр "Отслеживание хеша в адресной строке браузера" можно включить или оставить выключенным по своему усмотрению.

2. Сохраните изменения в предыдущих настройках и перейдите на вкладку "Вебвизор", после чего убедитесь, что в нем установлены такие настройки.

3. Также не забудьте сохранить изменения настроек Вебвизор.