Настройка Яндекс.Метрики
Что такое Яндекс.Метрика?
Яндекс.Метрика — это бесплатный сервис аналитики от Яндекса, который показывает, что происходит на вашем сайте: сколько посетителей, откуда они пришли, что делают, на чём уходят.
Что вы узнаете после настройки Метрики:
📊 Количество посетителей в день / неделю / месяц
🌍 Откуда приходят (поиск, реклама, соцсети, прямые заходы)
📱 На каких устройствах смотрят (телефон, планшет, компьютер)
❓ Какие страницы самые популярные
⏱️ Сколько времени проводят на сайте
🛒 Сколько оформили заявок / заказов (цели)
🎥 Записи действий посетителей (Вебвизор)
Что я делаю
- Устанавливаю счётчик Метрики — добавляю код на все страницы сайта.
- Настраиваю цели — отслеживаю конверсии (отправка форм, клики, звонки, просмотр корзины).
- Настраиваю события — прокрутка страницы, просмотр видео, добавление товара в корзину.
- Настраиваю электронную торговлю — для интернет-магазинов (просмотры товаров, добавления, заказы, выручка).
- Включаю Вебвизор — запись действий посетителей (можно посмотреть, как они ведут себя на сайте).
- Настраиваю отслеживание звонков — если на сайте есть номер телефона.
- Создаю отчёты — дашборды с ключевыми метриками.
- Связываю с Яндекс.Вебмастером — для полной картины по SEO.
Какие цели можно настроить
📊 Пример из практики: Интернет-магазин косметики. До настройки Метрики владелец не знал, сколько людей бросают корзину. После настройки целей и электронной торговли выяснилось: 60% добавляют товар в корзину, но только 10% доходят до оплаты. Проблему решили — добавили напоминание о незавершённом заказе. Конверсия выросла до 25%.
Как устанавливается счётчик
Код счётчика (вставляется перед </head>):
<!-- Яндекс.Метрика -->
<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(XXXXXXXX, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
ecommerce:"dataLayer"
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/XXXXXXXX" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Яндекс.Метрика -->
Настройка целей
Пример 1: Цель на отправку формы
Тип: JavaScript-событие
Условие: document.querySelector('.order-form').addEventListener('submit', ...)
ID цели: order_submit
Я добавляю код на сайт, который отправляет событие в Метрику при отправке формы.
Пример 2: Цель на клик по кнопке
Тип: JavaScript-событие
Селектор кнопки: .buy-button
Событие: click
Метрика срабатывает при любом клике по кнопке с классом buy-button.
Пример 3: Цель на достижение страницы
Тип: URL страницы
Условие: содержит /spasibo-za-zakaz
Настройка через интерфейс Метрики, без кода.
Что показывает Вебвизор
💡 Совет: Вебвизор — это золотая жила для улучшения сайта. Вы увидите, где посетители застревают, на чём уходят, какие кнопки не замечают. Исправляете — конверсия растёт.
Электронная торговля (e-commerce)
Для интернет-магазинов Метрика может передавать данные о товарах, корзине и заказах. Вы увидите:
- Какие товары смотрят чаще всего
- Сколько добавляют в корзину
- Сколько оформляют заказов
- Сумму выручки по каждому заказу
- Конверсию из просмотра в покупку
Пример данных e-commerce в Метрике:
{
"ecommerce": {
"purchase": {
"actionField": { "id": "12345", "revenue": "4990" },
"products": [
{ "name": "Дрель Makita", "price": 4990, "quantity": 1 }
]
}
}
}
Как я проверяю результат
Часто задаваемые вопросы
Нужна настройка Яндекс.Метрики?
Оставить заявку