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

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

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

Дам прикладной взгляд: что в них реально полезно, какие вопросы они отвечают, и как смотреть быстро без дней копания.

Что такое карта кликов

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

В Метрике карта кликов лежит в Поведение > Карта кликов. Можно фильтровать по дате, по источнику трафика, по типу устройства.

Что показывает:

• Где люди жмут чаще.
• На что они жмут (конкретные ссылки и кнопки).
• Где жмут на не-кликабельный контент (картинки без ссылок, заголовки, серые элементы).

Что не показывает:

• Кто эти люди (выборка анонимна).
• Сколько они потом купили.
• Что они хотели от клика.
• Скрол-карты (это отдельный инструмент).

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

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

В Метрике в Поведение > Вебвизор. По умолчанию доступен Webvisor 2.0, который значительно легче и точнее старого.

Что показывает:

• Точная последовательность действий пользователя.
• Где он залипает, где теряется.
• Заполнял ли поля формы, сделал ли отправку.
• Какие тексты выделял (часто это маркер пытаюсь скопировать).

Что не показывает:

• Звук и эмоции пользователя.
• Что он думает.
• Почему ушёл (только интерпретации).

Когда смотреть карту кликов

Карта кликов полезна для конкретных вопросов.

Вопрос 1: что в первом экране реально работает

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

Решение: либо упростить (оставить одну), либо переставить местами, либо изменить тексты кнопок.

Вопрос 2: где жмут на не-кликабельное

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

Решение: сделать картинку кликабельной, или добавить рядом кнопку.

Вопрос 3: что в навигации актуально

Меню сайта показывает, какие пункты реально нужны. Если 90 процентов кликов на Услуги и Контакты, а 5 процентов на Команда и Партнёры, можно реструктурировать меню.

Вопрос 4: разница между мобильными и десктопом

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

Решение: смотрите карту отдельно на разных устройствах, через фильтр Тип устройства.

Вопрос 5: эффективность баннеров и виджетов

Поставили виджет JivoSite, баннер акции, форму подписки. Карта показывает, кликают ли по ним.

Если на виджет за месяц 0 кликов, может его не нужно вовсе.

Когда смотреть Вебвизор

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

Кейс 1: после релиза новой страницы

Запустили новую страницу услуги. Через неделю смотрите 10-15 сеансов посетителей, которые на неё попали. Видите: — На каком месте они задерживаются. — Где скролят быстро. — Скролят ли вообще до футера. — Доходят ли до формы заявки. — Ушли ли с формы или нажали отправку.

После просмотра 10-15 сеансов вы получаете чувство, что не работает в новой странице, и где её стоит улучшить.

Кейс 2: высокий процент отказов

Метрика показывает 70 процентов отказов на странице. Открываете Вебвизор, фильтр на эту страницу, смотрите 5-10 сеансов отказников.

Часто видна одна проблема: страница не открывается до конца на мобильном, или есть сбойный JS, или пользователи приходят не по назначению (случайный трафик).

Кейс 3: пользователи не доходят до конверсии

Воронка показывает, что 100 человек зашли на каталог, но только 5 положили в корзину. Где остальные 95 теряются?

Вебвизор показывает: каждый из 95 что делал, на каком шаге уходил, что ему мешало.

Кейс 4: тестирование UX-изменений

Изменили форму заявки, убрали несколько полей, сделали проще. Через две недели смотрите Вебвизор: стало ли удобнее, заполняют ли больше, или появились новые проблемы.

Что в Вебвизоре смотреть НЕ стоит

Распространённая ошибка: смотреть Вебвизор бесцельно.

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

Правильный подход: формулируете гипотезу или вопрос, фильтруете сеансы под него, смотрите 5-15 целевых, делаете вывод.

Не делайте:

• Не смотрите все сеансы за день. Это потеря времени.
• Не делайте вывод по 1-2 сеансам. Слишком маленькая выборка.
• Не оценивайте интеллект пользователей. Цель не критика, а понимание.

Как настроить корректно

Подключение Метрики с Вебвизором

В Метрике при создании или редактировании счётчика отметьте Вебвизор, карта кликов, аналитика форм. Сохраните.

В коде сайта проверьте, что счётчик подключён с правильными параметрами:

ym(00000000, 'init', {
  clickmap: true,
  trackLinks: true,
  accurateTrackBounce: true,
  webvisor: true
});

clickmap: true включает карту кликов. webvisor: true включает Вебвизор. Без них функции не будут работать.

Маскирование чувствительных данных

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

В Метрике в Настройка > Вебвизор > Кастомизация указываете селекторы полей, которые надо маскировать. Это обязательно по 152-ФЗ.

Согласие на запись

По 152-ФЗ запись поведения это обработка ПДн. В политике конфиденциальности и в куки-баннере должно быть упомянуто использование Вебвизора.

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

Анализ форм

В Метрике есть отдельный отчёт Аналитика форм. Он показывает воронку заполнения формы:

• Сколько посетителей увидели форму.
• Сколько начали заполнять (фокус на первое поле).
• Сколько заполнили каждое поле.
• Сколько отправили.

Очень полезный отчёт. Часто видно, что 80 процентов заполняют первые 2 поля, потом упираются в третье и уходят. Это явный сигнал, что третье поле либо лишнее, либо сложное.

Что показывают метрики времени

Метрика даёт показатели:

• Время на сайте.
• Время на странице.
• Глубина просмотра.
• Процент отказов.

Эти числа полезны для общего сравнения, но в отрыве плохо интерпретируются.

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

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

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

В Метрике есть карта скроллинга в разделе Карты > Скроллинг. Показывает, до какого места страницы доскроливают пользователи.

Очень полезно для длинных страниц. Часто видно, что 50 процентов уходит после первого экрана, 25 после второго, 10 доходит до футера.

Если у вас на странице важный контент во втором или третьем экране, и до него никто не доходит, нужно либо переместить выше, либо упростить первый экран.

Что делать после анализа

Аналитика без действий бесполезна. Простой цикл:

1. Формулируете гипотезу: пользователи теряются на этапе X, потому что Y.
2. Смотрите Вебвизор и карты для проверки.
3. Если гипотеза подтверждается, делаете правки.
4. Через 2-4 недели смотрите снова, изменилось ли поведение.

Без шага 4 (повторный замер) вы не знаете, помогли правки или нет.

Альтернативы Метрике

В РФ Метрика самый сильный инструмент. Альтернативы:

Hotjar

Международный сервис тепловых карт и записей. Платный, в РФ работает с переменной стабильностью.

Mouseflow

Похож на Hotjar. Платный.

Яндекс Метрика без Webvisor

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

Plausible, Umami

Открытые self-hosted альтернативы. Дают агрегированную аналитику без записи поведения. Подходят для приватности, но не дают тепловых карт.

Чек-лист использования

• Метрика подключена с включённым Webvisor и clickmap.
• В политике конфиденциальности упомянут Вебвизор.
• Куки-баннер информирует о записи поведения.
• Чувствительные поля маскированы.
• Раз в месяц анализируются ключевые страницы (главная, услуги, формы).
• Гипотезы формулируются заранее, не смотришь Вебвизор бесцельно.
• После UX-изменений делается повторный анализ.
• Карта скроллинга смотрится на длинных страницах.
• Аналитика форм используется для оптимизации воронки.

Когда стоит делегировать

UX-аудит сайта на основе Метрики и Вебвизора это работа на 4-12 часов: формулирование гипотез, просмотр сеансов, выводы, рекомендации. На крупных сайтах до 20-30 часов.

Эта работа входит в часовую ставку или в любой из тарифов на /#pricing. Если у вас сайт работает, но конверсия не растёт, и вы не знаете, что чинить, опишите ситуацию через /#contact. Связанные материалы по аналитике и интеграциям в /blog/category/legal-and-integrations/, там есть отдельные статьи про Метрику цели и UTM-метки.

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

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

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

Когда смотреть карту кликов

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

Когда смотреть Вебвизор

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

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

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