Гайды

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

Пошаговая инструкция
Как подключить и настроить Яндекс Метрику

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

Установка и базовая настройка счетчика — дело нескольких минут, но у новичка с этим могут возникнуть сложности. Этот гайд поможет их избежать.

Инструкция в кратком виде выглядит вот так:

  1. Зарегистрируйте аккаунт в Яндексе.
  2. Создайте новый счетчик на сайте Метрики и задайте основные настройки.
  3. Разместите полученный код на сайте.
  4. Добавьте цели и настройте интерфейс под свои нужды.

А теперь подробнее.

Создание счетчика

Чтобы получить код счетчика, перейдите на сайт Метрики и нажмите на кнопку «Добавить счетчик» (не забудьте предварительно войти в свой аккаунт в Яндексе).

Как подключить и настроить Яндекс Метрику 1
В списке под кнопкой будут показаны все ранее установленные счетчики

Откроется страница с базовыми настройками.

Настройка счетчика в Яндекс Метрике
Первичная настройка счетчика

Разберем последовательно каждую из них:

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

Адрес сайта. В этом поле укажите доменное имя сайта. Ниже можно добавить дополнительные адреса, к примеру, если один и тот же сайт доступен по разным URL (разные доменные зоны и пр.). В остальных случаях идеальным вариантом будет один счетчик на каждый отдельный ресурс. Чтобы в отчет попадали данные исключительно с вашего сайта, отметьте галочкой пункт «Принимать данные только с указанных адресов». Так будет отсеяна информация с «левых ресурсов», на которых чудом может оказаться код вашего счетчика. Также включите сбор статистики с поддоменов, если они есть.

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

Автоматические цели. Эта опция особенно полезна для новичков в аналитике. После ее активации Метрика создаст цели за вас (доступно несколько типов). При этом важно, чтобы в коде сайта присутствовали определенные элементы (подробнее читайте в справке). Для одностраничника, например, этого может быть достаточно, а вот для более сложных ресурсов в любом случае потребуется ручная настройка целей. Если вы плохо разбираетесь в аналитике, но не планируете привлекать специалистов, обязательно оставьте эту опцию включенной. 

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

Что такое Вебвизор и как его настроить

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

Как подключить и настроить Яндекс Метрику 3
Первичная настройка готова, идем дальше

После этого вам дадут инструкции по установке счетчика на сайт (далее мы рассмотрим три основных способа подробнее), а также предложат еще несколько дополнительных опций:

Электронная коммерция. Аналитический модуль для интернет-магазинов. Позволяет понять, как пользователи взаимодействуют с товарами. Подключить опцию самостоятельно без знания JavaScript не получится — понадобится помощь разработчика.

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

Как подключить и настроить Яндекс Метрику 4
Нажмите на переключатель справа от опции, чтобы ее активировать

Ниже идут дополнительные настройки. Если у вас стандартный сайт, без каких-то особенностей в техническом плане, менять установки по умолчанию не нужно. 

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

pic
Внешний вид информера тоже можно настроить

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

Как подключить и настроить Яндекс Метрику 6
Под дополнительными настройками находим код, нажимаем кнопку над ним

Когда код будет установлен (рассмотрим процесс чуть ниже), нажмите «Начать пользоваться». Это последний шаг.

Как подключить и настроить Яндекс Метрику 7
Завершаем процесс

Теперь новый счетчик будет отображаться на главной странице metrika.yandex.ru. Если у вас несколько сайтов, должно выглядеть примерно так:

Как подключить и настроить Яндекс Метрику 8
Чтобы посмотреть данные по конкретному сайту, нажмите на соответствующий счетчик

Установка Метрики на сайт

Скрипт счетчика необходимо добавить в исходный код сайта. Располагаться он может практически в любом месте, но важно помнить: чем ближе счетчик к началу страницы, тем больше данных он сможет собрать. Поэтому желательно добавлять его в «шапку», перед закрывающим тегом </head> — так он будет учитывать даже тех посетителей, которые закрыли сайт в первые же секунды загрузки.

Однако если Метрика сильно увеличивает время загрузки страниц, лучше убрать счетчик в нижнюю часть сайта (футер).

Добавить счетчик на сайт можно тремя основными способами: отредактировать исходный код, воспользоваться плагинами или встроенными функциями (если вы используете CMS или конструктор) или вставить скрипт через диспетчер тегов (Google Tag Manager).

Редактирование кода

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

Файлы сайта хранятся на хостинге. Войдите в свой аккаунт хостинга, перейдите в файловый менеджер и откройте папку с веб-ресурсом. Чаще всего за секцию <head> отвечает шапка сайта, которой соответствует файл header.php.

pic
Пример менеджера файлов хостинга Beget

Открываем файл, ищем закрывающий тег </head> (Ctrl+F) и вставляем код.

Как подключить и настроить Яндекс Метрику 10
После кода счетчика должен стоять закрывающий тег </head>

Сохраните файл, чтобы изменения вступили в силу.

В различных CMS редактировать файлы шаблона сайта можно прямо в админ-панели. Однако крайне нежелательно это делать, если у вас нет базовых знаний HTML. Также перед изменением файлов настоятельно рекомендуется сделать резервную копию сайта.

Готовые решения для CMS и конструкторов

Если для управления контентом сайта вы используете один из популярных движков или конструкторов, установить Метрику будет еще проще. Разберем подключение счетчика на примере конструкторов Tilda и CMS WordPress.

Подключение Метрики доступно только на платных тарифах Tilda.

Для установки счетчика перейдите в панель управления сайтом.

Как подключить и настроить Яндекс Метрику 12
Выберите сайт, на который хотите установить счетчик

Перейдите в настройки сайта.

Как подключить и настроить Яндекс Метрику 13
В настройках можно подключить Яндекс Метрику и другие сервисы

В левом меню выберите раздел «Аналитика» и найдите в списке сервисов Яндекс Метрику.

Как подключить и настроить Яндекс Метрику 14
Если к аккаунту Tilda еще не подключена Метрика, отобразится кнопка для подключения

Нажмите кнопку «Подключить» и разрешите Tilda доступ к вашим данным в Яндексе. Затем нужно будет выбрать нужный счетчик из списка и сохранить изменения. Для новых проектов будет достаточно вводить номер счетчика вручную в разделе «Аналитика».

На WordPress счетчик проще всего установить (и вообще вставить любой код на сайт) с помощью плагина. Есть разные дополнения, позволяющие добавлять на сайт скрипты. Например, плагин Insert Headers and Footers. С его помощью можно вставить произвольный код в секции <head> и <body> без редактирования исходных файлов.

pic
Подобных плагинов много, но этот лично мне показался наиболее удобным

Настройки плагина максимально просты. Есть три поля, в которые можно вставить код: header (верхняя часть), body (тело) и footer (подвал). Лучше всего поместить скрипт в header.

pic
Скопируйте код счетчика и вставьте в первое поле

Последний шаг — сохранение изменений.

Как подключить и настроить Яндекс Метрику 17
Нажмите «Сохранить изменения», и счетчик появится на сайте

Необязательно устанавливать плагины, чтобы вставить код на WordPress-сайт. Можно сделать это еще проще — использовать виджеты. Единственный минус этого способа: счетчик будет располагаться в секции <body>, поэтому короткие визиты не будут попадать в статистику.

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

Как подключить и настроить Яндекс Метрику 18
В данном случае мы добавляем счетчик в правый сайдбар, но можно выбрать любую доступную область

Теперь выберите среди элементов «Код» и вставьте в появившуюся область скрипт счетчика.

Как подключить и настроить Яндекс Метрику 19
Счетчик не будет отображаться в сайдбаре, если не подключен информер

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

Диспетчер тегов (Google Tag Manager)

Google Tag Manager — инструмент, упрощающий размещение скриптов на сайте. Если вы используете в работе различные маркетинговые и аналитические инструменты, диспетчер тегов поможет ими управлять: достаточно один раз установить код GTM на сайт, и остальные скрипты можно добавлять уже через удобный и простой интерфейс менеджера тегов.

Перейдите в Google Tag Manager и нажмите «Создать аккаунт» (вы должны быть авторизованы в одной из учетных записей Google). 

Как подключить и настроить Яндекс Метрику 21
Для каждого сайта создается отдельный аккаунт

Теперь необходимо ввести название аккаунта (можно использовать доменное имя), указать страну, название контейнера (домен) и тип платформы (веб-сайт).

Как подключить и настроить Яндекс Метрику 22
Нажимаем «Создать» и переходим к следующему шагу

Осталось лишь принять условия пользовательского соглашения, и скрипт GTM готов для установки.

Как подключить и настроить Яндекс Метрику 23
Перед вами появится скрипт, который нужно разместить на сайте

Верхний фрагмент кода нужно вставить между тегами <head> и </head>, а нижний — в «теле страницы» (между <body> и </body>). Это можно сделать уже ранее рассмотренными способами: отредактировать исходный код сайта или воспользоваться плагином.

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

Как подключить и настроить Яндекс Метрику 24
Количество добавленных тегов можно увидеть под заголовком «Внесенные изменения» в блоке Default Workspace (сейчас там нули)

Введите название тега, нажмите «Конфигурация тега» и выберите его тип — «Пользовательский HTML (рубрика «Пользовательские»)

Как подключить и настроить Яндекс Метрику 25
Для Метрики в GTM нет предустановленных настроек (как для Google Analytics, например)

Теперь вставьте код счетчика Метрики  в соответствующее поле:

pic
Поле HTML предназначено для вставки кода

Последнее, что нужно сделать — добавить триггер (условие, при котором будет работать счетчик).

pic
Щелкните на нижнюю область страницы с соответствующим названием, и откроется список триггеров

В этом списке нам необходим самый первый вариант — All Pages (все страницы). Этот триггер означает, что код, который мы установили, будет срабатывать при просмотре любой страницы сайта.

pic
Этот триггер подойдет для любого скрипта, который должен работать на всех страницах

Чтобы завершить установку кода, нажмите «Сохранить».

Как подключить и настроить Яндекс Метрику 29
На всякий случай убедитесь, что в поле «Триггеры» стоит All Pages

Тег создан, счетчик Метрики теперь находится на сайте.

Проверка наличия и работы счетчика

Всегда полезно убедиться, что все работает правильно. 

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

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

Есть еще один способ проверки, более сложный. Для тех, кому нужна стопроцентная уверенность.

Добавьте к адресу сайта или страницы ?_ym_debug=1 (после слеша) и откройте URL в браузере. После загрузки страницы вызовите инструменты разработки с помощью сочетания клавиш Ctrl + Shift + I (или в меню браузера).

pic
Инструменты разработки появятся с правой стороны страницы

Откройте вкладку «Консоль» и проверьте код. Если там будет информация о просмотре страницы и счетчике (как на скрине), значит, все работает корректно.

Базовая настройка Яндекс Метрики

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

Как подключить и настроить Яндекс Метрику 32
Если вдруг в изначальных данных была какая-то ошибка, вы сможете исправить ее здесь

Кратко пройдемся по некоторым вкладкам настроек:

Вебвизор. Если при создании счетчика вы не активировали опцию, это можно сделать здесь.

Уведомления. Сервис может уведомлять владельца, если его ресурс вдруг станет недоступным. По email или телефону.

Загрузка данных. Инструменты этого раздела позволяют экспортировать данные из других источников (CRM, офлайн-точки и пр.), чтобы на выходе получить более полную статистику для анализа конверсии сайта.

Доступ. Здесь можно открыть данные Метрики для всех, у кого есть ссылка на счетчик, или предоставить доступ конкретным людям.

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

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

Есть еще две вкладки: «Цели» и «Фильтры». Остановимся на них подробнее.

Цели

Цели — один из важнейших инструментов Метрики. С его помощью можно оценить, насколько хорошо сайт справляется со своими основными задачами.

Обычно в качестве цели указывают выполнение какого-либо действия, которое может привести к конверсии: отправка формы, клик по кнопке «Заказать», переход в мессенджер и т.д. Автоматически Метрика создает шесть простых целей для сайта. Но их явно недостаточно для полноценного анализа конверсий.

Как подключить и настроить Яндекс Метрику 33
Автоматические цели в Метрике хороши лишь для обобщенной статистики

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

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

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

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

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

Фильтры

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

Как подключить и настроить Яндекс Метрику 36
Не будут засчитаны те посещения, которые совершаются с браузера, в котором вы залогинены в учетной записи Яндекса

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

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

Как подключить и настроить Яндекс Метрику 37
Вот так настраиваются фильтры по IP. Только не добавляйте туда все неугодные адреса, пока не убедитесь, что визиты с них действительно бесполезны

Если вы внесли изменения в этом разделе, не забудьте нажать внизу кнопку «Сохранить».

 

Настройка отображения отчетов

Главная страница счетчика Метрики — страница «Обзор». Здесь отображается основная статистика о сайте.

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

Чтобы создать новый виджет, нажмите на кнопку «Добавить» в правой верхней части экрана.

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

Некоторые виджеты создаются автоматически и их не нужно настраивать. Чтобы посмотреть доступные, выберите «Готовый виджет».

Готовые виджеты в Метрике
Окно с готовыми виджетами

Чтобы создать свой виджет, после кнопки «Добавить» нажмите «+ Новый виджет». 

Далее выберите тип отображения (например, круговая диаграмма) и данные, которые хотите отобразить.

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

Для этого я выбираю для визитов соответствующую группировку (Источники — Социальные сети — Социальная сеть) и ввожу понятное название для виджета.

Как подключить и настроить Яндекс Метрику 40
После нажатия на кнопку «Создать» виджет появится на главной

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

Настройка виджета в Метрике
В меню кнопки с тремя точками вы также можете настроить отображение в виде таблицы или показателя

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

Это лишь базовые настройки Яндекс Метрики. Но если вы только начинаете знакомство с этим сервисом, их вполне достаточно.