Как мы внедряем Яндекс Метрику и цели в проектах: гайд с примерами

Яндекс Метрика это

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

Шаг 1: Установка счётчика Яндекс Метрики

1.1. Регистрация и получение кода

Первым делом зарегистрируйте сайт в Яндекс Метрике. Перейдите в раздел «Добавить счётчик», укажите адрес сайта и получите код. Важно выбрать тип счётчика: для обычного сайта или для одностраничного приложения (SPA).

1.2. Установка на сайт

Вставьте код перед закрывающим тегом </head>. Для CMS, таких как WordPress или Bitrix, используйте плагины или вставьте код в шаблон. Проверьте установку через расширение браузера «Яндекс Метрика» или через раздел «Проверка счётчика».

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(12345678, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/12345678" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Шаг 2: Настройка целей

Сначала мы формулируем бизнес‑цели и переводим их в веб‑цели. Для разных проектов это разные действия: для лендинга услуги — отправка формы и клики по номеру телефона; для интернет‑магазина — добавление в корзину, оформление заказа и оплата; для B2B‑портала — запрос коммерческого предложения, вход в личный кабинет, скачивание документации. Мы выбираем ограниченный, но осмысленный набор ключевых целей и событий, чтобы отчёты отражали именно то, что важно бизнесу, а не десятки формальных микроконверсий.

2.1. Типы целей

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

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

2.2. Пример: цель «Заявка на обратный звонок»

Допустим, на сайте есть форма обратного звонка. Настраиваем цель на событие:

1. В интерфейсе Метрики выберите Цели → Добавить цель.
2. Назовите цель «Заявка на звонок».
3. Тип цели — Событие.
4. Укажите идентификатор цели: call_request.
5. В коде сайта добавьте отправку события при успешной отправке формы:

ym(12345678, 'reachGoal', 'call_request');

2.3. Пример: цель «Просмотр контактов»

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

window.addEventListener('scroll', function() {
    var contacts = document.getElementById('contacts');
    if (contacts.getBoundingClientRect().top < window.innerHeight) {
        ym(12345678, 'reachGoal', 'contacts_view');
    }
});

Схемы целей на мини‑кейcах

Чтобы заказчику было понятно, что именно мы считаем, мы используем схемы целей на мини‑кейcах. Для лендинга это простая воронка «визиты → клики по CTA → отправка формы → звонки». Для интернет‑магазина — последовательность «просмотр товара → добавление в корзину → оформление → оплата». Для B2B‑портала — «органический или рекламный трафик → регистрация → входы в личный кабинет → целевые действия внутри кабинета». Такие схемы помогают согласовать ожидания по аналитике ещё до запуска рекламы и показывают, какие точки пути клиента уже покрыты метриками.

Шаг 3: Использование данных для оптимизации

3.1. Анализ отчётов

После настройки целей регулярно проверяйте отчёты: Конверсии → Цели. Смотрите, какие источники трафика приносят больше конверсий, и корректируйте рекламные кампании.

Отдельный этап — проверка корректности данных и фиксация чек‑листа. Мы прогоняем тестовые заявки и заказы, сравниваем цифры в Метрике с фактическими обращениями и данными CRM, смотрим, как срабатывают цели в отчётах и вебвизоре. По итогам фиксируем чек‑лист по проекту: какие цели настроены, какие события используются, как размечаются кампании. Этот документ нужен, чтобы при доработках сайта или запуске новых кампаний ничего не было потеряно.

3.2. A/B тестирование

С помощью Метрики можно проводить A/B тесты. Создайте две версии страницы, настройте эксперимент и сравните конверсии по целям.

3.3. Пример оптимизации

Клиент-интернет-магазин заметил, что много пользователей добавляют товары в корзину, но не оформляют заказ. Мы настроили цель «Начало оформления заказа» и выявили, что на странице корзины высокая доля отказов. После упрощения формы конверсия выросла на 15%.

Метрика как часть общего процесса проекта

Внедрение Яндекс Метрики и целей — это не разовая задача, а постоянный процесс улучшения. Наш гайд поможет вам быстро настроить базовый функционал и начать получать ценные инсайты. Помните: данные без действий бесполезны. Используйте их для принятия решений и роста вашего проекта! 😊