Гайды

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

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

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

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

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

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

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

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

pic
В списке под кнопкой будут показаны все ранее установленные счетчики

Откроется страница с базовыми настройками. Разберем последовательно каждую из них: 

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

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

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

Почта для уведомлений. Тут всё просто — вводим email, на который будут приходить уведомления от системы. Но подписываться на них необязательно. 

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

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

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

pic
Первичная настройка готова, идем дальше

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

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

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

pic
Нажмите на переключатель справа от опции, чтобы ее активировать

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

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

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

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

pic
Нажимаем кнопку в самом верху

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

pic
Завершаем процесс

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

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

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

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

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

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

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

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

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

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

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

pic
После этого файл нужно сохранить, иначе изменения не вступят в силу

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

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

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

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

pic
Выберите сайт, на который хотите установить счетчик

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

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

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

pic
В бесплатной версии Tilda Метрику подключить нельзя

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

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

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

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

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

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

pic
Нажмите «Сохранить изменения», и счетчик появится на сайте

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

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

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

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

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

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

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

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

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

pic
Для каждого сайта создается отдельный аккаунт

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

pic
Нажимаем «Создать» и переходим к следующему шагу

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

pic
Перед вами появится скрипт, который нужно разместить на сайте

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

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

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

Введите название тега и выберите его тип (пользовательский HTML).

pic
Для Метрики в GTM нет предустановленных настроек (как для Google Analytics, например)

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

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

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

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

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

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

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

pic
На всякий случай убедитесь, что в поле «Триггеры» стоит All Pages

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

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

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

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

pic
Если не появится уведомление о том, что счетчик не найден, значит, все работает правильно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цели

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

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

pic
Автоматические цели в Метрике хороши лишь для обобщенной статистики

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

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

pic
Нажмите «Добавить цель», когда заполните все необходимые поля

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

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

Фильтры

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

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

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

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

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

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

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

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

pic
Рекомендации можно отключить в любой момент

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

Чтобы создать новый виджет, нажмите на соответствующую кнопку, выберите тип отображения (например, круговая диаграмма) и выберите данные, которые хотите отобразить.

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

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

pic
После нажатия на кнопку «Создать» виджет появится на главной

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

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