Вебвизор и карты кликов: что они показывают

Иллюстрация к материалу «Вебвизор и карты кликов: что они показывают»

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

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

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

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

Читайте также: Конкурсы и розыгрыши: правила и подводные камни

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

Тепловые карты

Карта кликов

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

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

Карта скроллинга

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

Этот инструмент особенно важен для длинных посадочных страниц. Допустим, на лендинге десять блоков, а форма заявки находится в самом низу. Карта скроллинга может показать, что до седьмого блока доходит только 20% посетителей. Значит, 80% людей никогда не видят форму. Решение напрашивается: поднять форму выше, продублировать кнопку в первых экранах или сократить страницу.

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

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

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

Аналитика форм — отдельный отчет, который показывает путь по полям формы: сколько людей начали заполнение, на каком поле прекратили и сколько дошли до отправки. Это настоящая воронка внутри одной формы. Например, если 40% бросают на поле «Отчество» или «Почтовый индекс», стоит задуматься, нужны ли эти поля на первом шаге.

1. Определите все формы, которые важны для бизнеса.
2. Посмотрите процент начавших заполнение среди всех, кто видел форму.
3. Найдите поле, на котором происходит наибольшее число отказов.
4. Проверьте его в записях Вебвизора, чтобы понять причину: ошибка валидации, непонятная подсказка, лишний вопрос.
5. Упростите форму и сравните показатели после изменения.

Как анализировать записи эффективно

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

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

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

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

Что можно найти с помощью этих инструментов

На практике Вебвизор и карты чаще всего выявляют несколько типов проблем.

1. Технические ошибки. Кнопка не нажимается на одном из браузеров, форма не отправляется, элемент съезжает на маленьком экране.
2. Ложная кликабельность. Люди кликают по тому, что выглядит как ссылка или кнопка, но ничего не происходит.
3. Потеря внимания. Ключевой блок находится там, куда почти никто не доходит.
4. Сложные формы. Посетители начинают заполнять, но бросают на определенном поле.
5. Поиск информации. Человек мечется по странице, прокручивает вверх-вниз — значит, не может найти цену, условия доставки или контакты.
6. Мешающие элементы. Всплывающие окна, виджеты чатов, баннеры cookie перекрывают важный контент, особенно на мобильных.

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

Ограничения и ошибки

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

• Выборка. Записи сохраняются не для всех визитов при большой посещаемости, а хранятся ограниченное время.
• Динамические элементы. Слайдеры, всплывающие окна и подгружаемый контент могут отображаться в записи некорректно.
• Изменения страницы. Если страницу переделали, карты кликов за прошлый период будут накладываться на новый дизайн и вводить в заблуждение.
• Субъективность. Наблюдатель склонен видеть то, что подтверждает его ожидания.
• Малое количество данных. Тепловая карта по 50 визитам может показывать случайные пятна.
• Конфиденциальность. Нужно убедиться, что запись не сохраняет персональные данные, и упомянуть сбор данных в политике конфиденциальности.

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

Как превратить наблюдения в улучшения

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

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

1. Запишите наблюдение и сколько раз оно встретилось в записях.
2. Сформулируйте причину и конкретное изменение.
3. Определите показатель успеха и зафиксируйте его текущее значение.
4. Внесите изменение и подождите, пока накопится сопоставимый объем визитов.
5. Сравните показатель и решите, оставить изменение или откатить.

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

Итоги

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