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

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

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

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

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

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

Рядом с ними в Метрике стоит аналитика форм. Она считает, сколько людей увидели форму, начали её заполнять и отправили, и на каком поле уходят те, кто не дошёл до кнопки.

Как включить и что настроить до первых записей

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

Перед тем как смотреть первые визиты, стоит проверить четыре вещи.

1. 1Счётчик стоит на всех страницах. Включая страницу «спасибо» и отдельные посадочные под рекламу. Иначе запись обрывается на самом интересном месте.
2. 2Настроены цели. Без них нельзя отделить визиты с заявкой от визитов без заявки, а это главный фильтр. Как их завести, описано в инструкции по целям в Яндекс Метрике.
3. 3Скрыты поля с личными данными. Телефон, имя, адрес не должны попадать в записи. Об этом — отдельный раздел ниже.
4. 4Исключены свои визиты. Сотрудники и подрядчики, которые тестируют страницу, искажают и записи, и карты. Их отсекают фильтром в настройках счётчика.

Что реально видно: пять инструментов и их вопросы

Каждый инструмент отвечает на свой вопрос, и пользы от него ровно столько, насколько точно этот вопрос задан. Таблица ниже помогает выбрать, что открывать под конкретную задачу.

На практике из этого набора вытаскивают вполне конкретные находки.

• Ложные кнопки. Люди нажимают на картинку, подчёркнутый заголовок или иконку, которые никуда не ведут. Значит, элемент выглядит как кнопка — и им стоит воспользоваться или перерисовать.
• Граница внимания. Карта скроллинга показывает, до какого блока доходит большинство. Если цена или форма стоят ниже этой границы, их почти никто не видит.
• Поле-убийца. Аналитика форм называет поле, после которого уходят чаще всего. Нередко это необязательный вопрос, который можно просто убрать.
• Технические сбои. Кнопка, которая не нажимается в одном браузере, поп-ап, перекрывший форму, меню, которое не закрывается на телефоне. В отчётах это выглядит как «низкая конверсия», в записи — как очевидная поломка.
• Путь к решению. Какие блоки смотрят перед заявкой, к чему возвращаются, что пролистывают не глядя.

Чего не видно: границы метода

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

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

Отсюда правило: записи и карты — источник гипотез, а не доказательств. Доказательством служит изменение конверсии после правки, в идеале — в сравнении двух вариантов страницы.

С чего начинать: с карты или с записей

Начинать стоит не с инструмента, а с вопроса. Формулировка «посмотрим, как ведут себя пользователи» ни к чему не приводит. Формулировка «почему с телефона форму открывают, но не отправляют» — приводит.

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

Какие визиты смотреть: сегменты вместо случайных записей

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

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

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

Почему 15–20? Это рабочий ориентир, а не закон: к пятнадцатой записи одного сегмента одни и те же действия начинают повторяться, и новые наблюдения почти не появляются. Если после двадцати записей повторов нет, сегмент слишком широкий — сузьте его ещё одним условием.

Сигналы проблем в записях: на что обращать внимание

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

• Серия кликов в одно место. Человек жмёт и не получает ответа: кнопка не сработала, страница зависла, элемент только притворяется кнопкой.
• Возвраты к цене. Посетитель читает блок ниже и снова поднимается к стоимости. Обычно ему не хватает объяснения, что входит в цену.
• Метания по странице. Быстрая прокрутка туда-обратно означает поиск: контактов, сроков, условий доставки. То, что ищут, стоит вынести выше или в меню.
• Пауза на поле. Вопрос непонятен, формат ввода неочевиден или человек не хочет сообщать эти данные.
• Уход после всплывающего окна. Поп-ап появился раньше, чем посетитель понял, куда попал, и закрыл он не окно, а вкладку.

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

Как читать карту кликов и карту скроллинга

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

• Сравнивайте кнопки между собой. Если по второстепенной ссылке в шапке кликают чаще, чем по главной кнопке, первый экран уводит людей не туда.
• Ищите клики в пустоту. Пятна на фотографиях товара, тарифных карточках, логотипах клиентов показывают, где не хватает увеличения, подробностей или ссылки.
• Смотрите отдельно по устройствам. На общей карте мобильные и десктопные клики накладываются на разные вёрстки, и картина смазывается.

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

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

Аналитика форм: где теряются почти готовые заявки

Аналитика форм отвечает на вопрос, который записи решают медленно: на каком именно шаге формы уходят люди. Она считает просмотры формы, начало заполнения и отправки, а по каждому полю показывает, сколько времени на него тратят и как часто уходят после него.

Типичные находки здесь довольно однообразны, и это хорошая новость — их легко исправить.

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

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

Мобильные визиты: что видно только в записях с телефона

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

• Промахи. Два касания рядом с кнопкой, потом попадание — значит, элемент слишком мал или стоит вплотную к соседнему.
• Горизонтальная прокрутка. Страница «ездит» вбок из-за таблицы или картинки шире экрана.
• Клавиатура закрывает форму. Человек вводит телефон и не видит кнопку отправки, пока не свернёт клавиатуру.
• Бесконечная лента. Блок, который на компьютере занимает один экран, на телефоне растягивается на пять, и до формы не доходят.
• Закреплённые элементы. Шапка, виджет чата и баннер согласия вместе съедают треть экрана.

Смотреть мобильные записи стоит отдельным сегментом и в первую очередь, если конверсия с телефонов заметно ниже, чем с компьютеров. Что и как исправлять по итогам, описано в материале про мобильную версию лендинга.

От наблюдения к правке: порядок работы

Польза от записей появляется, когда просмотр встроен в короткий цикл: вопрос, сегмент, просмотр, правка, проверка. Без первого и последнего шага остаётся только ощущение, что «с сайтом что-то не так».

Журнал наблюдений — простая таблица: сегмент, сигнал, число записей, где он встретился, предполагаемая причина, правка. Она защищает от главной ловушки просмотра — запомнить один яркий визит и перестроить страницу под него.

Если трафика хватает, правку проверяют сравнением двух вариантов страницы, а не «до и после»: так на результат не влияют сезон и смена рекламы. Как это устроить без сложных инструментов, рассказано в статье про A/B-тесты и аналитику лендинга.

Запись визита отвечает на вопрос «что случилось», правка проверяет догадку «почему», и только цифры после правки говорят, угадали вы или нет.

Типичные ошибки при работе с записями

Почти все разочарования в Вебвизоре вызваны не инструментом, а способом его использования. Ниже — то, что отнимает больше всего времени.

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

Персональные данные и приватность в записях

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

• Скройте содержимое полей. В Метрике для этого есть CSS-классы: ym-disable-keys отключает запись данных, которые вводят в поле, а ym-hide-content скрывает в записи содержимое целого блока. Актуальное поведение сверяйте со справкой Метрики и передавайте разработчику отдельным пунктом задачи.
• Напишите об этом в политике. Использование Яндекс Метрики и запись действий на сайте должны быть упомянуты в политике конфиденциальности и в уведомлении об использовании cookie.
• Ограничьте доступ. Право смотреть записи нужно только тем, кто работает со страницей. Подрядчику доступ выдают на время проекта и потом отзывают.
• Осторожнее с зарубежными сервисами. Hotjar, Microsoft Clarity и подобные инструменты делают то же самое, но данные о поведении уходят на серверы за рубежом. Для российского сайта это отдельный правовой вопрос, который решают с юристом до установки.

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

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

Что показывает Вебвизор в Яндекс Метрике?

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

Чем тепловая карта отличается от Вебвизора?

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

Сколько записей Вебвизора нужно посмотреть?

Рабочий ориентир — 15–20 записей одного сегмента подряд: к этому моменту поведение начинает повторяться. Если повторов нет, сегмент слишком широкий и его стоит сузить ещё одним условием.

Можно ли по тепловой карте понять, что блок интересен посетителям?

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

Записывает ли Вебвизор персональные данные?

Вебвизор записывает ввод в поля формы, поэтому содержимое полей с телефоном, именем и адресом нужно скрывать настройками и упоминать использование Метрики в политике конфиденциальности.