Вебвизор в Яндекс. Метрике: что это такое, как подключить и анализировать сайт

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

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

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

Вебвизор появился в 2010 году и стал одним из первых бесплатных инструментов записи сессий на рынке. Большинство западных аналогов — Hotjar, FullStory, Microsoft Clarity — или платные, или дают ограниченный бесплатный план. Вебвизор в Яндекс. Метрике полностью бесплатен при любом объёме трафика.

Принципиально важно понять: вебвизор — это не слежка в привычном смысле. Он фиксирует не личные данные, а поведенческие паттерны. Пароли, платёжные данные и поля с пометкой «конфиденциально» автоматически скрываются символами ***.

Вебвизор фиксирует несколько типов данных о поведении пользователей на сайте.

Движения мыши. Вы увидите траекторию курсора — куда пользователь тянется, на чём задерживается, что читает «по диагонали» вместе с движением мыши. Длительные паузы курсора над блоком — сигнал повышенного интереса.

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

Заполнение форм. Поля, в которые вводились данные, видны в записи. Содержимое скрыто символами ***, но видна последовательность действий: пользователь начал заполнять форму, дошёл до поля «телефон» и закрыл вкладку. Это уже данные для гипотезы.

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

Выделение текста. Что пользователь выделяет — то его привлекает. Особенно информативно для лендингов с длинными текстами и сложными офферами.

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

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

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

Нужно обоснование для A/B-тестирования. Чтобы тест имел смысл, нужно понять, что именно тестировать. Вебвизор даёт гипотезы на основе реального поведения, а не ощущений команды.

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

Обучение команды. Записи вебвизора — наглядный материал для UX-специалистов, дизайнеров и маркетологов. Вместо абстрактных цифр — живые примеры реального взаимодействия с продуктом.

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

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

Зайдите на metrika.yandex.ru и нажмите «Добавить счётчик». Укажите название (произвольное), адрес сайта и часовой пояс. В блоке настроек счётчика найдите чекбокс «Вебвизор, карта скроллинга, аналитика форм» — в новых счётчиках он включён по умолчанию, но всегда проверяйте его состояние.

После создания счётчика Метрика сгенерирует JavaScript-код. Его нужно вставить в HTML-код сайта — в секцию <head> или перед закрывающим тегом </body>. Для разных платформ — разные способы:

• Tilda. В настройках сайта → «Аналитика» → вставьте номер счётчика Метрики. Код установится автоматически на все страницы.
• WordPress. Используйте плагин «Яндекс.Метрика» или вставьте код напрямую через тему в header.php.
• Чистый HTML. Вставьте код в шаблон страниц вручную.

Зайдите в «Настройки счётчика» → вкладка «Вебвизор» → поставьте галочку «Включить вебвизор» → сохраните изменения. Перегенерировать код счётчика не нужно — изменение применится автоматически в течение нескольких часов.

По умолчанию вебвизор скрывает содержимое всех полей ввода. Если нужно видеть, как пользователи заполняют нечувствительные поля (например, «город» или «тип услуги»), — в настройках вебвизора можно разрешить запись конкретных полей по атрибуту class или id.

После установки первые записи вебвизора появятся через несколько часов. Для сайтов с низким трафиком — накопите базу за 1−2 дня, иначе выборка будет слишком маленькой для выводов.

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

Главная ошибка новичков — открывать вебвизор и смотреть записи подряд. Это занимает часы и даёт мало пользы. Правильная работа с вебвизором начинается с сегментации.

В интерфейсе вебвизора доступны фильтры по нескольким параметрам:

• Источник трафика — например, только из контекстной рекламы или email-рассылки
• Устройство — мобильные и десктопные сессии нужно смотреть отдельно
• Продолжительность визита — длинные визиты (более 2 минут) информативнее коротких
• Достижение цели — смотрите тех, кто выполнил целевое действие, и тех, кто не выполнил
• Страница входа — только посетители конкретного лендинга или раздела
• Регион — если бизнес локальный или трафик из разных городов ведёт себя по-разному

Мощный приём: создайте сегмент «начал заполнять форму, но не отправил» — и смотрите только эти записи. Это самый ценный сегмент для повышения конверсии.

При просмотре каждой сессии в вебвизоре обращайте внимание на характерные паттерны:

Мёртвые клики — пользователь кликает по чему-то, что не является ссылкой. Значит, он ожидал кликабельности. Либо сделайте элемент кликабельным, либо измените его визуальное оформление, чтобы не провоцировало клик.

Хаотичные движения мыши — пользователь «ищет» глазами что-то и не находит. Обычно это означает неочевидную навигацию или отсутствие важного элемента на экране.

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

Длительные паузы над блоком — пользователь долго читает определённый раздел. Это либо сложный текст (нужно упростить), либо очень интересный контент (нужно усилить).

Брошенные формы — пользователь начинает заполнять форму, доходит до определённого поля и уходит. Часто причина: слишком много обязательных полей, непривычный формат ввода или отсутствие объяснения, зачем эти данные нужны.

Вебвизор позволяет ускорять воспроизведение в 2−4 раза. Рекомендуемый подход: смотрите записи на скорости x2 или x3, замедляйтесь до x1 на интересных моментах. Паузы в движении мыши вебвизор пропускает автоматически, поэтому реальное время просмотра одной сессии — 1−3 минуты, а не 5−10.

Вебвизор лучше всего раскрывается в связке с другими отчётами Метрики — это превращает его из инструмента «посмотреть» в инструмент «найти и исправить».

Вебвизор + отчёты по источникам трафика. Нашли в отчёте, что пользователи из email-рассылки конвертируются хуже других? Откройте вебвизор с фильтром по этому источнику и посмотрите, что происходит с их сессиями. Часто оказывается, что посадочная страница не соответствует обещаниям в письме.

Вебвизор + Цели. Настройте цели (отправка формы, клик по кнопке, достижение благодарственной страницы) и смотрите в вебвизоре только тех, кто цель не достиг. Так вы найдёте повторяющиеся паттерны отказов.

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

Вебвизор + Аналитика форм. Аналитика форм покажет в процентах, на каком поле «ломается» конверсия. Вебвизор покажет, как именно это происходит у конкретных пользователей — и подскажет, почему.

Подробнее о том, как выстраивать SEO-стратегию для сайта в связке с аналитическими данными, — в материале Как продвигать сайт на Тильде: SEO-оптимизация.

Вебвизор использует выборочную запись — чтобы не перегружать серверы Яндекса и минимизировать влияние на скорость сайта. Доля записанных визитов зависит от настроек счётчика и объёма трафика: обычно это каждый третий-пятый визит. При необходимости записи ближе к 100% — это возможно через обращение в поддержку Яндекса.

Если вы выбираете платный тариф Tilda и думаете, как вписать аналитику в бюджет — подробнее в материале Тарифы Tilda: какой план выбрать.

Вот несколько реальных паттернов, которые регулярно обнаруживаются при анализе записей вебвизора.

Кейс 1: Кнопка «вне экрана» на мобильных. В сессиях с мобильных устройств пользователи скроллят вниз, задерживаются на нужном блоке, но не кликают на CTA. При просмотре вебвизора видно: кнопка отрезается внизу экрана и не попадает в область видимости без дополнительного скролла. Решение — поднять кнопку выше или добавить фиксированную кнопку-плашку.

Кейс 2: Невидимая форма. Пользователи с рекламного трафика доходят до середины страницы и уходят. Вебвизор показывает: они скроллят мимо формы, не замечая её — потому что она стилизована как «декоративный блок» и не воспринимается как интерактивный элемент. Решение — визуально выделить форму, добавить заметный заголовок.

Кейс 3: Мёртвые клики по изображению. На товарной странице пользователи кликают по фото продукта, ожидая увеличения. Изображение не реагирует. Пользователь кликает ещё раз, потом уходит. Решение — добавить lightbox или слайдер с возможностью зума.

Кейс 4: Длинная форма убивает конверсию. Аналитика форм показывает: 70% пользователей бросают форму на поле «ИНН компании». Вебвизор подтверждает: пользователи листают страницу назад, ищут реквизиты и закрывают вкладку. Решение — убрать поле ИНН из обязательных или перенести его на следующий шаг.

Кейс 5: Неочевидный оффер. Пользователи читают страницу полностью, но не конвертируются. В вебвизоре видно: они несколько раз возвращаются к блоку с ценами и уходят. Вероятная причина — непонятно, что именно входит в стоимость. Решение — добавить детальный состав услуги рядом с ценой.