Что такое Вебвизор и как его включить
Вебвизор записывает действия посетителей на странице: движения мыши, клики, скроллинг, заполнение форм, выделение текста. Запись сохраняется как видео: можно нажать «Воспроизвести» и посмотреть, что делал конкретный человек.
Где найти. В левом меню Яндекс.Метрики выберите раздел «Вебвизор» — прямо или через «Поведение». Список записей откроется сразу.
Что нужно сделать до начала. Вебвизор нужно включить в настройках счётчика: перейдите в «Настройки счётчика», вкладка «Вебвизор, карты и аналитика форм», поставьте галочку «Запись сессий». Без этого список будет пустым. Ретроспективно данные не собираются, только новые сессии после включения.
Ограничения и что не записывается. Вебвизор не фиксирует пароли и платёжные данные — это ограничение безопасности. Элементы в iframe со сторонних доменов (виджет чата, встроенное видео) тоже не записываются. Технически Вебвизор работает только на HTTPS-сайтах. Период хранения записей зависит от тарифного плана — уточните в настройках счётчика.
Как фильтровать записи: не смотреть всё подряд
На активном сайте Вебвизор накапливает сотни записей в день. Смотреть их подряд — не стратегия, а потеря времени. Полезный Вебвизор начинается с фильтра, который сужает выборку до нужного сегмента.
| Фильтр | Что ставить | Зачем |
|---|---|---|
| Источник трафика | Рекламный трафик (Директ) | Смотреть тех, за кого заплатили: они должны быть целевой аудиторией |
| Достижение цели | Цель не достигнута (заявка, звонок) | Именно они покажут, где сайт теряет клиентов |
| Устройство | Мобильные отдельно от десктопа | Поведение принципиально разное; проблемы мобайла невидимы в десктопных записях |
| Длина сессии | Больше 30 секунд | Отсекает мгновенные отказы: в них смотреть нечего |
Хорошая рабочая выборка: рекламный трафик, цель не достигнута, мобильные, длина сессии больше 30 секунд. Такой фильтр показывает людей, которых вы привлекли рекламой, и которых сайт не смог конвертировать. Именно здесь живут главные проблемы.
Дополнительно можно фильтровать по конкретной странице входа, если нужно изучить поведение на одной посадочной. Сколько смотреть за один раз? Обычно достаточно 10–15 записей: если одно и то же поведение встречается в 7 из 10 — это паттерн, а не случайность.
Что искать: пять признаков проблемы
Вебвизор без методики — просто видео с непонятным человеком. Методика означает знание того, что именно считать проблемой. Вот пять сигналов, которые встречаются чаще всего и почти всегда указывают на конкретную точку для улучшения.
Пустое скроллирование в нижней части страницы
Пользователь доскроллил до определённого места и начинает медленно двигаться вверх-вниз, не нажимая ничего. Обычно это значит: человек ищет что-то конкретное (форму, прайс, кнопку) и не находит. Посмотрите, что находится в этом месте страницы — скорее всего, нужный элемент незаметен или стоит не там, где пользователь его ожидает.
Многократные клики по некликабельному элементу
Пользователь несколько раз кликает по элементу, который не реагирует. Это картинка без ссылки, текст, выглядящий как кнопка, или кнопка, которая не работает на iOS. В Вебвизоре это хорошо видно: несколько кликов в одном месте, пауза, ещё клик, потом уход. Пользователь хотел что-то сделать, но сайт не ответил. Прямой сигнал разработчику.
Резкий уход с конкретного экрана
Если многие записи показывают уход примерно на одном месте страницы — это не совпадение. Конкретный блок стал точкой потери. Частые причины: цена без обоснования, непонятный раздел, раздражающая форма или контент, который не отвечает на вопрос пользователя. Смотрите, что на экране в момент ухода.
Поиск по странице через Ctrl+F
Если пользователь открывает поиск по странице — он ищет что-то конкретное и не может найти навигационно. Нужный элемент либо спрятан, либо называется иначе, чем ожидает пользователь. Обычно это прайс, доставка, адрес или контакты — информация, которая недостаточно заметна на странице.
Быстрый уход сразу после загрузки страницы
Пользователь загрузил страницу, быстро проскроллил первый экран и ушёл за 5–15 секунд. Классика несоответствия: объявление обещало одно, страница открывается другим. Заголовок «Наш сервисный центр» не отвечает пользователю, который пришёл по запросу «ремонт ноутбуков за час». Первый экран должен мгновенно подтверждать, что человек попал куда надо.
Карта скроллинга и тепловая карта кликов
Вебвизор показывает поведение конкретных людей в хронологическом порядке. Карты дают агрегированную картину сразу для сотен посетителей — быстрее и нагляднее для выявления общих паттернов. Обе находятся в разделе «Поведение» и открываются для конкретной страницы.
Карта скроллинга показывает, какой процент посетителей долистал до каждого раздела. Типичная картина: первый экран видят 100%, к середине доходят 60–70%, до формы в нижней трети — 30–40%. Если до формы доходит 20% при посещаемости 500 человек в день, значит 400 человек её никогда не видят. Проблема не в форме — в её расположении.
Тепловая карта кликов показывает, куда кликают пользователи на странице. Особенно полезна для двух задач: понять, куда реально идёт внимание аудитории, и найти «ложные кнопки» — элементы, которые выглядят кликабельными, но ссылками не являются.
Рабочий порядок: начните с карт (быстро, общая картина), потом смотрите Вебвизор для подтверждения и понимания деталей. Если карта скроллинга показывает резкое падение доскролла на конкретном блоке, Вебвизор объяснит, почему люди уходят именно там.
От наблюдения к задаче: шаблон для команды
Главный провал большинства сессий в Вебвизоре — они заканчиваются ощущением («кажется, кнопку не видят»), но не задачей. Чтобы наблюдение стало изменением, используйте трёхшаговую структуру:
- Наблюдение— конкретное поведение в записях. Не «пользователи не конвертируются», а «в 7 из 10 записей пользователи скроллят до блока с ценами и уходят».
- Возможная причина — гипотеза. «Цена воспринимается как высокая без обоснования».
- Изменение— конкретное действие в задачу. «Добавить под блоком с ценой три пункта обоснования: что входит, почему такая цена».
| Наблюдение | Причина | Задача |
|---|---|---|
| 7/10: не скроллят дальше первого экрана на мобильном | Первый экран не даёт причины листать дальше | Добавить конкретное УТП и видимую кнопку на первый экран |
| 5/10: клики по фото товара без эффекта | Пользователь ожидает увеличение, zoom не реализован | Разработчику: добавить lightbox для фотографий |
| 4/10: пауза перед формой, потом уход | Слишком много обязательных полей | Оставить только имя и телефон на первом шаге |
| 3/10 на iOS: кнопка не срабатывает с первого тапа | Кнопка перекрыта фиксированным баннером | Разработчику: устранить перекрытие на iOS |
Удобно фиксировать такую структуру в таблице или документе. После просмотра 15 записей у вас готовый список задач, а не набор ощущений. Разработчик или дизайнер понимает, что делать, без дополнительных расспросов.
Типичные находки в Вебвизоре
На разных сайтах Вебвизор обнаруживает примерно одни и те же проблемы — одни и те же ошибки делают разные команды.
Форма заявки спрятана ниже видимой зоны на мобильном
На десктопе форма стоит в правой колонке и хорошо видна. На мобильном колонки схлопываются, форма уезжает под текст и оказывается в самом низу, куда доскроллят 15–20% посетителей. Мобильные записи в Вебвизоре показывают это чётко: пользователи дочитывают и уходят, просто не видя, куда нажать. Решение: поднять форму выше или добавить плавающую кнопку «Оставить заявку».
Кнопка не срабатывает на iOS
Пользователь тапает кнопку несколько раз — ничего не происходит. Кнопка может быть перекрыта другим элементом (фиксированной шапкой, всплывающим баннером), тач-зона слишком маленькая, или двойной тап вызывает масштабирование страницы. Такие проблемы почти невозможно найти без Вебвизора: разработчик тестирует на Android или в Chrome DevTools, где поведение отличается.
Клиенты ищут прайс там, где его нет
Пользователи регулярно скроллят к определённому блоку, останавливаются и снова уходят вверх. Карта кликов показывает много кликов по заголовку раздела «Услуги» — хотя прайс спрятан в «Стоимость работ» через три клика. Пользователь не читает все пункты меню: он кликает туда, где ожидает увидеть цены по своей логике. Нужно или переименовать разделы, или вынести цену туда, где её ищут.
Форма показывает ошибку, которую пользователь не замечает
Пользователь нажимает кнопку, ничего не происходит, нажимает ещё раз и уходит. Форма подсветила поле с ошибкой где-то выше, но на мобильном это поле осталось выше видимой области и пользователь не прокрутил. В записи Вебвизора: нажатие, пауза, ещё нажатие, уход. Поправить легко: при ошибке прокручивать к проблемному полю программно.
Ошибки при работе с Вебвизором
- Выводы по трём-пяти записям. Пять записей — слишком мало. Один человек мог вести себя странно по личным причинам. Паттерн нужно видеть в 7–10 записях из 15. Иначе принимаете случайность за закономерность.
- Смотреть без конкретного вопроса. «Посмотрим, что там» — не методология. Перед тем как открывать Вебвизор, сформулируйте вопрос: «Почему конверсия с рекламного трафика упала на этой неделе?» Вопрос задаёт фильтр и направление.
- Смешивать мобильные и десктопные записи. Поведение принципиально разное. Наблюдение с десктопных записей нельзя переносить на мобильную версию без отдельной проверки.
- Не учитывать бот-трафик. Среди записей могут быть боты: аномально быстрый скроллинг, странная география. Фильтр по длине сессии и по рекламному источнику отсекает большинство таких записей.
- Не фиксировать дату изменений. Просмотрели записи, изменили страницу — и потеряли возможность сравнить результат. Записывайте дату изменения, потом смотрите записи до и после. Без этого неизвестно, помогло ли исправление.
- Смотреть Вебвизор вместо карт. Для понимания общей картины карта скроллинга и тепловая карта кликов быстрее. Вебвизор — для углублённой диагностики конкретной проблемы, которую карты обозначили.
Вебвизор и A/B-тест: инструменты в связке
Вебвизор и A/B-тест работают последовательно: Вебвизор помогает понять, что именно тестировать; тест доказывает, что исправление работает.
Типичный сценарий: в Вебвизоре видно, что большинство пользователей не доскроллят до формы. Формируете гипотезу: если поднять форму выше и добавить якорную кнопку на первом экране, конверсия вырастет. Запускаете A/B-тест двух версий страницы. Вебвизор дал гипотезу, тест дал доказательство. О методологии сплит-теста — как считать выборку и читать результаты — в статье про A/B-тестирование лендинга.
Итог
Вебвизор — диагностический инструмент, который даёт ответы там, где отчёты задают только вопросы: трафик есть, конверсий нет — а почему? Ответ в записях сессий.
- Включите Вебвизор в настройках счётчика, если ещё не сделали.
- Фильтруйте выборку: рекламный трафик, цель не достигнута, мобильные, длина больше 30 с.
- Ищите паттерны в 15 записях, а не анализируйте каждую по отдельности.
- Пять признаков проблемы: пустое скроллирование, клики по некликабельному, резкий уход, поиск по странице, быстрый отказ.
- Дополняйте картами: карта скроллинга и тепловая карта кликов быстрее дают общую картину, Вебвизор — детали.
- Каждое наблюдение оформляйте по шаблону: наблюдение, возможная причина, конкретная задача.