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

Подключение аналитики — задача на 15 минут, но именно на этом этапе новички теряют половину данных: ставят код не на все страницы, забывают про поддомены и не проверяют, что счётчик реально работает. В этом лонгриде мы разберём весь процесс от «А» до «Я»: от регистрации аккаунта и создания счётчика до настройки электронной коммерции, интеграции с рекламой и защиты от мусорного трафика.

Введение: зачем нужна Яндекс Метрика

Яндекс Метрика — это бесплатный инструмент веб-аналитики, который помогает владельцам сайтов понимать, что происходит с их ресурсом. В отличие от абстрактных понятий, Метрика даёт конкретные ответы на вопросы: откуда пришел клиент, какие страницы он смотрел, на каком шаге ушел из корзины и какая реклама принесла реальную прибыль, а не просто пустые клики.

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

Шаг 1. Создание и базовая настройка счётчика

Прежде чем приступать, убедитесь, что у вас есть аккаунт в Яндексе. Если его нет, зарегистрируйтесь на passport.yandex.ru. Настоятельно рекомендуем использовать рабочий аккаунт компании (например, корпоративную почту), а не личную почту уволившегося сотрудника. Это спасёт вас от потери доступа к данным в будущем.

1. Перейдите на страницу Яндекс Метрики и нажмите кнопку «Добавить счётчик».
2. Заполните основные поля:
   • Имя счётчика: укажите понятное название, например, «Основной сайт» или «Лендинг курса». Если не заполнить, система подставит адрес сайта, и при наличии нескольких проектов вы быстро запутаетесь.
   • Адрес сайта: введите основной домен (например, site.ru). Протоколы http:// или https:// указывать не нужно. Не указывайте пути к страницам или якоря.
   • Дополнительные адреса: если у вас есть поддомены (например, blog.site.ru или pay.site.ru) или сайт доступен с www и без, добавьте их через значок плюса. Переходы между всеми указанными адресами будут считаться внутренними, а не внешними.
3. Выберите часовой пояс, в котором вам будет удобно смотреть отчёты, и валюту (пригодится для отчётов по электронной коммерции).
4. Включите дополнительные настройки. Настоятельно рекомендуем сразу отметить галочкой:
   • Вебвизор, карта скроллинга, аналитика форм — это визуальные инструменты, которые показывают, как именно люди ведут себя на страницах. Включайте сразу, чтобы не упустить данные, которые собираются только с момента активации.
   • Автоматические цели — Метрика сама создаст базовые цели (клик по номеру телефона, email, отправка формы). Это хороший старт, но для глубокого анализа в будущем потребуются ручные цели.
5. Примите условия пользовательского соглашения и нажмите «Создать счётчик».

Шаг 2. Получение и установка кода

После создания счётчика система присвоит ему уникальный ID (номер). Он понадобится вам для установки. Метрика предложит несколько способов установки. Если у вас самописный сайт или вы хотите поставить код вручную, выберите вкладку «HTML» и нажмите «Скопировать код».

Инструкции для популярных CMS

Если ваш сайт работает на CMS или конструкторе, вручную вставлять код в HTML не нужно. Достаточно указать номер счётчика в настройках:

• Tilda: Настройки сайта → Аналитика → Яндекс Метрика. Вставьте номер и опубликуйте все страницы. Обратите внимание, что подключение доступно только на платных тарифах.
• WordPress: Установите официальный плагин «Yandex Metrica» из каталога плагинов, активируйте его и введите номер счётчика в настройках. Либо используйте плагин Insert Headers and Footers и вставьте код в секцию <head>.
• 1С-Битрикс: Marketplace → Каталог решений → установите модуль «Яндекс Метрика», затем перейдите в Настройки → Настройки модулей и укажите ID.
• Битрикс24 (сайты): В карточке сайта нажмите «Настроить сайт» → «Дополнительно» → отметьте «Яндекс Метрика» и вставьте номер.
• OpenCart / Joomla / Drupal: Ищите аналогичные модули в каталогах расширений или вставляйте код в шаблон (обычно файл header.php или index.php).

Установка через Google Tag Manager (GTM)

Если вы управляете всеми скриптами через GTM, код Метрики можно установить и туда. Однако помните: если GTM заблокирован расширениями (AdBlock), данные потеряются. Алгоритм такой:

1. В GTM создайте новый тег.
2. Тип тега — «Пользовательский HTML» (Custom HTML).
3. Вставьте скопированный код Яндекс Метрики.
4. В разделе «Триггеры» выберите «All Pages» (Все страницы).
5. Сохраните и опубликуйте контейнер.

Шаг 3. Проверка работы счётчика

Никогда не доверяйте слепо фразе «данные начнут собираться сразу». Всегда проверяйте:

1. Откройте свой сайт в браузере и погуляйте по 2-3 страницам.
2. Зайдите в интерфейс Метрики, выберите ваш счётчик и перейдите в раздел «Отчёты» → «В реальном времени».
3. Если вы видите свои визиты — всё работает.
4. Если данных нет, проверьте, не блокирует ли код расширение браузера (AdBlock), правильно ли он вставлен, нет ли ошибок в консоли браузера (F12).

Также в настройках счётчика есть встроенный «Проверщик» (вкладка «Проверка счётчика»). Введите URL страницы, и система просканирует код на наличие ошибок.

Углублённая настройка аналитики

Собрать визиты — это только полдела. Главная ценность Метрики в понимании конверсии и качества трафика.

Настройка целей и событий

Цель — это целевое действие пользователя. Например, отправка заявки, заказ звонка, переход в корзину или скачивание прайса. Автоматические цели хороши для старта, но для глубокой аналитики настройте цели вручную.

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

• Посещение страниц: Самый простой вариант. Например, если после оплаты пользователь попадает на страницу /thank-you, создайте цель, которая срабатывает при посещении URL, содержащего /thank-you.
• Клик по кнопке: Отлично работает для лендингов. Укажите селектор кнопки (например, .btn-order) или её текст.
• Отправка формы: Выбираете форму по ID или классу.
• JavaScript-событие: Самый гибкий метод. Вы настраиваете вызов ym(ID_СЧЕТЧИКА, 'reachGoal', 'ИМЯ_ЦЕЛИ') в коде сайта. Это позволяет отслеживать любые действия: скролл до конца страницы, просмотр видео, успешную авторизацию.

Электронная коммерция (Ecommerce)

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

В настройках счётчика найдите блок «Электронная коммерция» и включите его. Далее вам (или вашему разработчику) потребуется настроить передачу данных через dataLayer или JavaScript API Метрики. Например, при добавлении в корзину вы должны отправить событие add, при покупке — purchase с указанием ID товара, названия, цены и количества. Без этого кода отчёты ecommerce будут пустыми.

Вебвизор и карты поведения

Вебвизор — это «видеозапись» действий пользователя. Вы можете увидеть, как он двигал мышкой, куда кликал, как заполнял формы. Это бесценный инструмент для UX-оптимизации. Если видите, что пользователи массово кликают на нефункциональный элемент — значит, интерфейс вводит их в заблуждение.

Включите в настройках счётчика опции «Карта скроллинга» и «Аналитика форм». Карта скроллинга покажет, до какого места дочитывают страницу (если 90% уходят до блока с офером — пора перенести его выше). Аналитика форм укажет, на каком именно поле пользователи бросают заполнение.

Фильтры, безопасность и защита от мусора

В настройках счётчика есть важная галочка: «Принимать данные только с указанных адресов». Эта опция защищает вашу статистику от мусора. Если код вашего счётчика каким-то образом скопируют на другой сайт (или вы сами установите его на тестовый домен), данные оттуда не попадут в ваши отчёты.

Также не забудьте настроить фильтры. В Метрике есть отличная функция: «Не учитывать мои визиты». Включите её, чтобы ваши собственные переходы по сайту (и переходы вашей команды) не искажали статистику. Для этого нужно просто быть авторизованным в Яндекс-аккаунте, привязанном к Метрике.

Если вы закупаете трафик или работаете с подрядчиками, создайте отдельные фильтры по IP-адресам. Например, чтобы визиты сотрудников агентства, которые постоянно «сидят» на сайте, не портили показатели отказов.

Интеграция с Яндекс.Директом

Связка Метрики и Директа открывает доступ к мощнейшим инструментам ретаргетинга и оптимизации рекламных кампаний.

1. Убедитесь, что у вас есть счётчик Метрики.
2. В интерфейсе Яндекс.Директа при создании или редактировании кампании в разделе «Счётчики Метрики» выберите нужный счётчик.
3. Либо в настройках Метрики (вкладка «Интеграции») привяжите аккаунт Директа.
4. После связки вы сможете передавать цели из Метрики в Директ для оптимизации конверсий, а также создавать сегменты для ретаргетинга (например, «добавили в корзину, но не купили»).

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

Чек-лист аудита счётчика

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

Частые ошибки

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

Три главные ошибки новичков:

1. Установка кода только на главную страницу. Метрика должна видеть весь путь пользователя. Если код стоит только на главной, вы никогда не узнаете, что происходит в корзине или в блоге.
2. Отсутствие целей. Без целей Метрика превращается в простой счётчик посещаемости (как LiveInternet в 2010-м). Настоящая аналитика начинается там, где вы считаете конверсии.
3. Игнорирование Вебвизора. Люди часто не понимают, почему сайт не продаёт. А Вебвизор показывает, что кнопка «Купить» перекрыта баннером или форма не отправляется из-за ошибки валидации.

Настройте аналитику один раз и правильно. Это сэкономит вам месяцы догадок и не сольёт бюджеты в пустоту.