Analytics

Счетчик Яндекс.Метрики. Часть I

Яндекс.Метрика – это бесплатный сервис, который предназначен для сбора данных о посещаемости и анализа поведения пользователей на сайте. На текущий момент является второй по размеру системой веб-аналитики в Европе. Стала общедоступной 24 апреля 2009 года.

Яндекс.Метрика, как и Google Analytics, является обычным счетчиком и представляет из себя JavaScript-код, который устанавливается на отслеживаемые страницы сайта.

Читайте также «Google Analytics vs Яндекс.Метрика: сходства и различия»

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

Старый код по-прежнему работает, но все новые возможности Метрики будут доступны только в новом. К тому же, новый код поддерживает только Вебвизор 2.0. При обновлении кода также следует изменить конструкции передачи данных (например, событий или параметров визитов) согласно новой документации.

Счетчик Яндекс.Метрики. Часть I

Выбор нового или устаревшего кода счетчика в интерфейсе Метрики

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

  1. самостоятельно напрямую;
  2. с помощью разработчика;
  3. через Google Tag Manager;

Самостоятельная установка счетчика Яндекс.Метрики на сайт

Для создания счетчика и установки заходим под своей учетной записью Яндекса, а затем переходим на сайт metrika.yandex.ru. Нажимаем «Добавить счетчик».

Счетчик Яндекс.Метрики. Часть I

Метрика — Добавить счетчик

Заполняем информацию:

  • Имя счетчика – то, как он будет называться в интерфейсе Метрики;
  • Адрес сайта – домен или полный путь сайта (http://, https:// указывать не нужно);
  • В этом поле вы можете указать путь сайта (path в структуре URL). Например, site.ru/blog/. Не указывайте в адресе символы # (до определенного фрагмента страницы) или параметры запроса (часть адреса после знака ?), так как они не будут учитываться и приведут к ошибке в поле для ввода.

    Структура URL:

    http://<host>/<path>/<page>?<params>

  • <host> — домен сайта;
  • <path> — путь, который может иметь иерархическую структуру. Структура задается с помощью символа «/»;
  • <page> — имя страницы сайта;
  • <params> — блок параметров, который отделяется от блока <path> символом «?».
  • Дополнительные адреса
  • Задаются в том случае, если вы хотите получать статистику по нескольким сайтам с помощью одного счетчика Метрики, или у вас есть несколько разных доменов (например, англоязычный с .com и русскоязычный с .ru), но при этом отвечает один и тот же сайт с одним и тем же установленным счетчиком.

    Переходы между всеми заданными адресами будут считаться внутренними.

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

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

  • Часовой пояс
  • Вебвизор, карта скроллинга, аналитика форм – Вкл. / Откл.
  • Вебвизор — технология, благодаря которой можно анализировать действия посетителей интернет-сайта в режиме онлайн-видео. С его помощью можно понять, удобно ли пользователю использовать ваш сайт, навигацию, не отвалились ли какие-то формы, кнопки, как люди взаимодействуют с сайтом на различных устройствах, в браузерах, найти ошибки в структуре сайта и дизайне интерфейса, а также посмотреть время, проведенное посетителем на отдельных страницах сайта.

    Данные Вебвизора хранятся 15 дней, других ограничений по времени хранения данных нет.

    Включив данную опцию, в Яндекс.Метрике вам станет доступен раздел, который называется «Карты». Он состоит из 4 отчетов:

    1. Карта ссылок (показывает статистику переходов по ссылкам на сайте);
    2. Карта кликов (показывает статистику по кликам на сайте);
    3. Карта скроллинга (показывает, как распределяется внимание посетителей сайта на определенных областях страницы);
    4. Аналитика форм (показывает, как именно посетители сайта взаимодействуют с формами);

    Справа от основных настроек есть еще дополнительные условия обработки данных.

    Счетчик Яндекс.Метрики. Часть I

    Дополнительные условия обработки данных

    Если ваша компания зарегистрирована в Европейском союзе или Швейцарии, или вы обязаны соответствовать Генеральному регламенту о защите данных (General Data Protection Regulation, GDPR), вам необходимо поставить галочку и согласиться с условиями «Договора об обработке данных в сервисе Яндекс.Метрика».

    Читайте также «Хранение данных в Google Analytics»

    Кроме этого, вы можете поставить галочку напротив опции «Не сохранять полные IP-адреса посетителей сайта». По умолчанию в Яндекс.Метрике сохраняется полный обезличенный IP-адрес посетителя, но он не отображается в отчетах сервиса.

    IP-адрес необходим для более точного определения региона посетителя сайта. С активной галочкой точность гео-данных в отчетах значительно снизится.

    На последнем шаге ставим галочку «Я принимаю условия Пользовательского соглашения» и нажимаем на кнопку «Создать счетчик».

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

    1. в HTML-код на все страницы сайта;

    Код нужно разместить в пределах тегов <head> </head> или <body> </body> и как можно ближе к началу страницы, так он будет раньше загружаться и сможет отправить данные о просмотре в Метрику, даже если посетитель почти сразу же закроет страницу.

    Скопируйте код из интерфейса Метрики и добавьте его на все страницы сайта. Сделать это можно через FTP-клиент (например, FileZilla) или менеджер файлов на вашем хостинге. В моем примере код размещен в <head> </head>.

    Счетчик Яндекс.Метрики. Часть I

    Пример кода, который размещен в теге head

    где XXXXXXXX – номер вашего счетчика.

    Есть разные варианты установки данного кода на сайт. Чтобы это нагляднее продемонстрировать, давайте разберемся какие бывают сайты.

    Статический сайт

    Статическим принято называть сайт, состоящий из неизменяемых HTML-страниц, связанных между собой ссылками. Они (страницы) создаются вручную, при каждом обращении к сайту не изменяются. А чтобы обновить информацию на таком сайте, необходимо самостоятельно вносить изменения в программный код страницы.

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

    Изначально все сайты, созданные в интернете, были статическими. Сейчас же все больше веб-ресурсов имеют динамические страницы, информация на которых генерируется с помощью языков программирования (PHP, Ruby, Python и т.д.).

    Однако и сейчас в интернете встречаются статические сайты. Например, разрабатываемые с 0 лендинги (landing page, посадочные страницы). Они состоят из одной или нескольких HTML-страниц, которые связаны между собой ссылками. В этом случае, если разработчиком сайта не был предусмотрен сквозной шаблон, придется на каждую страницу вручную добавлять код.

    Динамический сайт

    В отличие от статических, динамический сайт представляет собой набор отдельных хранимых файлов (шаблонов, контента, скриптов и прочего). Для отображения содержимого сайта, как правило, используется одна страница-шаблон. В нее при каждом обращении к сайту подгружается нужная информация.

    Счетчик Яндекс.Метрики. Часть I

    Пример динамической структуры сайта

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

    Практически все современные CMS движки и конструкторы сайтов имеют динамическую структуру. Добавив один раз код Яндекс.Метрики в шаблон сайта (например, в header.php), он автоматически будет подгружаться на всех страницах.

    2. CMS и конструкторы сайтов

    Если у вас сайт на одном из CMS движков или сделан на конструкторе (Tilda, Wix, LPmotor и т.д.), то для большинства из них есть готовые плагины. При такой реализации все, что нужно сделать – это указать только номер вашего счетчика в соответствующем полем настройки без установки самого HTML-кода.

    Например, так настраивается Яндекс.Метрика для интернет-магазина на CS-Cart:

    Счетчик Яндекс.Метрики. Часть I

    Пример установки Яндекс.Метрики на CS-Cart

    Если плагина и поля нет, код счетчика нужно вставить в поле для произвольного html-блока. У каждой платформы есть своя документация, поэтому разобраться не составит труда. Например, у OpenCart есть расширение «Яндекс.Метрика», и код вставляется в такое поле:

    Счетчик Яндекс.Метрики. Часть I

    Пример установки кода на OpenCart

    Перед тем, как установить код на сайт, разберем дополнительные настройки:

  • Отслеживание хеша в адресной строке браузера
  • Применяется для AJAX-сайтов, на которых загрузка динамического контента происходит без перезагрузки страницы, а также если в адресной строке присутствует # и есть ссылки вида site.ru/#price.

  • Для XML сайтов
  • Элемент noscript, который есть в коде счетчика Яндекс.Метрики, не должен использоваться в XML-документах. Поставив галочку, часть кода Метрики

    <noscript><div><img src=»https://mc.yandex.ru/watch/XXXXXXXX» style=»position:absolute; left:-9999px;» alt=»» /></div></noscript>

    скроется из конечного кода.

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

    Счетчик Яндекс.Метрики. Часть I

    Информер

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

  • Альтернативный CDN
  • CDN (Content Delivery Network или Content Distribution Network, CDN) — географически распределенная сетевая инфраструктура, которая ускоряет доступ к содержимому сайта (текст, аудио, видео) в точках присутствия этой сети конечным пользователям.

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

  • Устаревший код счетчика
  • При использовании устаревшего кода поддерживается технология Вебвизор 1.0. По умолчанию Яндекс.Метрика использует новый код счетчика и Вебвизор 2.0.

  • Отправка в Метрику данных электронной коммерции
  • Чтобы передавать из интернет-магазина в Метрику данные о заказах и их содержимом с помощью Электронной коммерции, необходимо включить эту опцию, а также организовать заполнение объекта dataLayer (контейнер используется для хранения данных Электронной коммерции в Метрике по умолчанию) методом push на сайте.

    Вы можете изменить его в поле Имя контейнера данных. Читайте также статью про dataLayer.

  • Валюта
  • Валюта, которая по умолчанию используется для задания ценности цели, а также для данных по доходу Яндекс.Директа и электронной коммерции.

  • Тайм-аут визита в минутах
  • Это время бездействия посетителя на сайте, после которого Метрика будет считать визит завершенным. Также, как и в Google Analytics, по умолчанию составляет 30 минут. Например, если человек зашел на ваш сайт 2 раза в течение 30 минут, то отчетах будет отображен 1 визит для этого пользователя. Если он был на сайте 1 раз, а потом зайдет повторно через 31 минуту, то Яндекс.Метрика запишет для этого пользователя новый визит.

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

    Проверка корректности установки кода Яндекс.Метрики

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

    1. в интерфейсе Яндекс.Метрики
    2. с помощью конструкции ?_ym_debug=1
    3. с помощью расширения для браузера Google Chrome

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

    Счетчик Яндекс.Метрики. Часть I

    Если желтый сменится на зеленый, то все ОК

    Есть еще один способ проверки установки кода счетчика – это добавление к адресу страницы параметра _ym_debug со значением 1. Например, http://watersports.ru/?_ym_debug=1

    Далее необходимо вызвать консоль разработчика (в браузере Google Chrome кнопка «F12») и перейти на вкладку Console. Если код установлен правильно, в консоли вы увидите номер вашего счетчика и данные, которые отправляет код.

    Счетчик Яндекс.Метрики. Часть I

    Проверка через консоль разработчика

    Если в PageView вы видите адрес целевой страницы, то значит, что цель достигнута, и в течение нескольких минут информация о достижении цели появится в отчетах Метрики.

    Кто не хочет использовать консоль разработчика и специальную конструкцию, может воспользоваться бесплатным расширением для браузера Google Chrome, которое позволяет найти на странице номера счетчиков и быстро перейти к отчетам;

    После установки дополнения в браузере справа сверху появится значок. А когда вы перейдете на сайт, вам станет доступна информация по установленным на этом сайте счетчикам Яндекс.Метрики.

    Счетчик Яндекс.Метрики. Часть I

    Расширение «Яндекс.Метрика» для Google Chrome

    Расширение также показывает, включена ли у вас функция отслеживания карты ссылок, кликов и аналитика форм.

    Установка счетчика Яндекс.Метрики с помощью разработчика

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

    Установка счетчика Яндекс.Метрики через Google Tag Manager

    Related posts

    УСБ

    admin

    Создаем простой сервис коллтрекинга, часть 1

    admin

    Неблагодарный opensource: разработчик самого быстрого веб сервера по версии techempower удалил его репозиторий

    admin

    Leave a Comment