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

Почему цифры конверсии не объясняют «почему»

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

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

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

Вебвизор: смотрим записи сессий и ищем трение

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

Смотреть все записи подряд бессмысленно — их тысячи. Эффективнее фильтровать выборку под конкретную гипотезу:

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

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

Тепловые карты: кликов, скроллинга и ссылок

Если Вебвизор — это отдельная история одного визита, то карты показывают усреднённое поведение по всем визитам за период. В разделе «Карты» Метрики их три.

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

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

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

Карта форм и аналитика форм

Формы — самое узкое место конверсии, и для них в Метрике есть отдельный инструмент — аналитика форм. Он работает в двух представлениях.

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

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

Сводная таблица: какой инструмент какую проблему находит

Как формулировать гипотезы для A/B-тестов

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

Например: «На карте скроллинга 60% аудитории не доходит до кнопки заказа (проблема), потому что она стоит в самом низу длинного описания (причина). Если продублировать кнопку после первого экрана (изменение), доля дошедших до оформления вырастет (эффект), что видно по конверсии в добавление в корзину (метрика)». Такую гипотезу уже можно проверить через сплит-тестирование: половине трафика показываем старый вариант, половине — новый, и сравниваем конверсию. Качественная аналитика отвечает на «что менять», а сплит-тестирование — доказывает, что изменение действительно работает, а не кажется.

Практическое применение

1. Включите сбор данных заранее. В настройках счётчика активируйте опцию «Вебвизор, карта скроллинга, аналитика форм» и убедитесь, что обновлённый код стоит на всех ключевых страницах, включая корзину и формы. Без этого карты и записи будут пустыми.
2. Идите от количественных данных к качественным. Сначала по отчётам конверсии найдите шаг воронки с максимальным оттоком, затем откройте Вебвизор и карты именно для этой страницы. Так вы не утонете в тысячах записей, а будете смотреть прицельно.
3. Смотрите мобильные записи отдельным сегментом. Большинство проблем вёрстки и юзабилити проявляется только на смартфонах. Отфильтруйте Вебвизор по мобильным устройствам и пройдите путь покупки сами.
4. Начните с самой дешёвой точки роста — форм. Откройте отчёт «Поля формы», найдите поле, с которого чаще всего уходят, и уберите его или сделайте необязательным. Это правка на несколько минут с прямым влиянием на конверсию.
5. Сверяйте клики с намерением. На карте кликов отметьте некликабельные элементы, по которым кликают, и сделайте их активными; проверьте, получает ли главный CTA достаточно внимания, и усильте его, если он теряется.
6. Каждое наблюдение превращайте в гипотезу и тест. Не вносите правки «на глаз». Оформите наблюдение как гипотезу с метрикой и проверьте через A/B-тест — только так вы отличите реальное улучшение от случайного колебания.

Качественная аналитика поведения не заменяет цифры, а дополняет их: сравнение Яндекс Метрики и Google Analytics касается в первую очередь количественных отчётов, тогда как Вебвизор и карты — это уникальная сильная сторона Метрики, дающая объяснение «почему». Именно на стыке «сколько» и «почему» и находятся настоящие точки роста конверсии.