Вебвизор

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

Что такое Вебвизор

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

Технология записи сессий появилась в начале 2000-х — первые коммерческие решения (ClickTale, позднее приобретенный Contentsquare) записывали клики и движения мыши еще в эпоху Flash-сайтов. Яндекс запустил Вебвизор в составе Метрики в 2010 году, сделав его бесплатным в тот момент, когда западные аналоги стоили от нескольких сотен долларов в месяц. В 2012 году вышел Вебвизор 2.0 с поддержкой AJAX-запросов и более точной фиксацией действий на динамических страницах. Тогда же появились сопутствующие инструменты: карты кликов, карты прокрутки и аналитика форм — вместе они образовали полноценный модуль качественного анализа поведения внутри Метрики. В 2020-е годы к инструменту добавили фильтрацию по сегментам, целям и источникам трафика, что существенно повысило его практическую ценность. Сегодня Вебвизор — де-факто стандарт для анализа поведения пользователей на сайтах Рунета, и его используют от небольших интернет-магазинов до крупных e-commerce платформ.

В digital-маркетинге Вебвизор закрывает разрыв между количественными и качественными данными. Стандартная аналитика — конверсии, показатель отказов, время на странице — говорит «что» происходит, но не «почему». Вебвизор отвечает именно на «почему»: почему пользователи уходят с конкретного шага воронки, почему форма не заполняется до конца, почему кнопка «Оформить заказ» не получает кликов. Это меняет подход к конверсионной оптимизации (CRO): вместо случайных A/B-тестов гипотезы формируются на основе реальных наблюдений за поведением. Инструмент особенно ценен для лендингов, страниц оформления заказа, многоступенчатых форм и любых страниц с высокой стоимостью конверсии. По данным Nielsen Norman Group, команды, регулярно использующие инструменты наблюдения за пользователями, в 2-3 раза быстрее находят критические UX-проблемы по сравнению с теми, кто работает только с количественными метриками.

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

Как работает Вебвизор

1. Загрузка и активация скрипта. Когда пользователь открывает страницу сайта, браузер загружает скрипт Яндекс.Метрики. Если для счетчика активирован Вебвизор, скрипт немедленно включает режим захвата и начинает следить за событиями DOM: движениями мыши, кликами, скроллом, изменениями в полях ввода. Активация происходит автоматически при открытии страницы и не требует никаких дополнительных действий от посетителя.
2. Захват пользовательских действий в реальном времени. В процессе сессии скрипт непрерывно записывает координаты курсора с высокой частотой — достаточной для воспроизведения плавного движения мыши без пропусков. Фиксируются все клики с точностью до пикселя, позиции скролла, события focus и blur на полях форм, изменения URL при AJAX-навигации, а также размер и ориентация экрана пользователя. Скрипт работает полностью в фоне и не блокирует рендеринг страницы, поэтому посетитель никак не ощущает его присутствия.
3. Сжатие и передача данных на серверы Яндекса. Собранные данные сессии сжимаются и пакетами отправляются на серверы Яндекса по защищенному каналу. Передача происходит асинхронно — в промежутках между активными действиями пользователя, что минимизирует нагрузку на сеть. Данные хранятся на серверах Яндекса в течение 14 дней для стандартных счетчиков, после чего автоматически удаляются; при необходимости более длительного хранения используют экспорт ключевых моментов или скриншоты через интерфейс Метрики.
4. Воспроизведение записи в интерфейсе Метрики. В разделе «Вебвизор» маркетолог видит список сессий с параметрами: дата и время, источник трафика, страница входа, длительность, тип устройства, достигнутые цели. При открытии конкретной записи браузер загружает снимок страницы в том виде, в котором ее видел пользователь, и воспроизводит поверх него движения курсора, клики и скролл. Скорость воспроизведения регулируется: режим 4x позволяет быстро просматривать длинные сессии, режим 0.5x — детально разбирать проблемный момент.
5. Фильтрация записей по нужным сегментам. Инструмент позволяет отбирать сессии по десяткам параметров: тип устройства, источник трафика, страна и город, конкретная посещенная страница, достигнутая или недостигнутая цель Метрики, длительность сессии, браузер. Это ключевой рабочий прием — смотреть все записи подряд неэффективно: отфильтровав «мобильные пользователи, которые добавили товар в корзину, но не оформили заказ», маркетолог сразу фокусируется на проблемном сегменте и тратит время только на релевантные записи. Фильтры комбинируются в любых сочетаниях и применяются мгновенно.
6. Анализ паттернов и формирование гипотез для тестирования. После просмотра 20-30 отфильтрованных записей появляются устойчивые паттерны: где именно останавливается курсор, на каком поле формы пользователи прекращают заполнение, какой элемент привлекает внимание вместо целевого. Каждый повторяющийся паттерн превращается в конкретную гипотезу для A/B-теста или прямой правки интерфейса. Такой цикл «наблюдение — гипотеза — тест — измерение результата» многократно сокращает число итераций до реального улучшения конверсии.

Виды анализа в Вебвизоре

• Запись и воспроизведение сессий. Основной режим работы — позволяет воспроизвести сессию конкретного пользователя от первого клика до выхода. Особенно эффективен для диагностики проблемных шагов воронки: достаточно отфильтровать сессии с брошенными корзинами или незаполненными формами и просмотреть 20-30 записей, чтобы обнаружить повторяющийся паттерн. Именно этот тип анализа позволяет увидеть то, что невозможно заметить ни в каком числовом отчете.
• Карта кликов. Агрегированный инструмент, который показывает, на каких элементах страницы пользователи кликают чаще всего — в виде цветового градиента от холодного (редко) к горячему (часто). Помогает выявлять «ложные клики» — когда посетители кликают по некликабельным элементам (статичные картинки, декоративные блоки), ожидая действия и фрустрируя при его отсутствии. Анализ карты кликов вместе с записями сессий дает полную картину взаимодействия с конкретным элементом.
• Карта прокрутки. Показывает, до какой глубины страницы доходят пользователи перед уходом — в процентном выражении от высоты страницы. Если карта прокрутки показывает, что 80% посетителей уходят, не дойдя до ключевого оффера, это сигнал либо поднять предложение выше, либо усилить визуальные якоря внимания в верхней части страницы. Для лендингов карта прокрутки — обязательный инструмент при анализе структуры и порядка блоков.
• Аналитика форм. Специализированный инструмент, который фиксирует поведение пользователей внутри форм: какие поля заполняют, на каком поле бросают заполнение, сколько времени тратят на каждое поле. Если пользователи систематически уходят именно на конкретном поле, это сигнал к его упрощению, переформулировке или удалению. По данным Baymard Institute, упрощение формы оформления заказа увеличивает конверсию в среднем на 20%, и аналитика форм помогает найти, что именно упрощать.
• Карта ссылок. Показывает распределение кликов между всеми ссылками на странице в процентах от общего числа кликов по ссылкам. Инструмент незаменим для анализа навигации: видно, какие ссылки не получают кликов вовсе, а какие перетягивают трафик с целевого действия. Особенно полезна для главной страницы и страниц категорий — показывает реальный путь пользователей по сайту, который нередко отличается от предполагаемого проектировщиком.
• Сегменты Метрики, примененные к Вебвизору. Сегменты Яндекс.Метрики можно напрямую использовать как фильтры в Вебвизоре — это позволяет смотреть записи только строго целевой аудитории. Например, можно отобрать сессии только пользователей из рекламного трафика Директа, которые провели на сайте больше 3 минут, но не оставили заявку — и посмотреть, что им мешало. Такая связка количественной сегментации с качественным наблюдением дает максимальную точность диагностики.

Сравнение

Пример использования

Интернет-магазин строительных инструментов с трафиком около 18 000 визитов в месяц столкнулся с низкой конверсией в заказ — 0,9%. Стандартные отчеты Метрики показывали высокий показатель отказов на странице оформления заказа (68%), но не объясняли причину. Маркетолог применил в Вебвизоре фильтр: «любое устройство, цель «добавил в корзину» — выполнена, цель «оформил заказ» — не выполнена» и просмотрел 40 записей таких сессий. В 62% записей пользователи доходили до поля «ИНН организации», которое было обязательным для всех посетителей — включая физических лиц.

Большинство пользователей уходили, не понимая, зачем интернет-магазин требует ИНН при розничной покупке. Разработчик за один день добавил чекбокс «Я — юридическое лицо», который скрывал это поле для всех остальных. Через 30 дней конверсия выросла с 0,9% до 2,2%, ежемесячная выручка увеличилась на 144% при том же рекламном бюджете. Просмотр 40 видеозаписей занял около двух часов и принес результат, который не удалось бы найти никаким другим способом: ни A/B-тест без гипотезы, ни тепловая карта не указали бы на конкретное поле как на причину отказов.

Частые вопросы