Вебвизор и тепловые карты: как за час понять, что мешает оставить заявку

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

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

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

Главная ошибка при работе с записями — открыть список и смотреть подряд. Записей сотни, все разные, внимание расплывается, и через час у вас есть ощущения, но нет ни одной проверяемой гипотезы. Вдобавок в списке подряд лежит много визитов длиной в пять секунд, которые не расскажут ничего.

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

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

В записи мы ищем не «интересное поведение», а конкретные сигналы. Их немного, они узнаются с нескольких визитов и почти всегда переводятся в понятную правку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У нас такой разбор идёт как UX-аудит, от 25 000 ₽: сегменты, записи, карты, приоритизированный список правок с обоснованием по каждой. Чтобы выводы опирались на данные, а не на догадки, к моменту аудита на сайте должны корректно считаться цели и быть размечены рекламные источники — иначе сегмент «пришёл с рекламы и не оставил заявку» просто не соберётся.