Тепловые карты и записи сессий: как анализировать поведение
Основы3 минРедакция Innovialabs
Коротко
Тепловые карты показывают, куда пользователи кликают, докуда прокручивают и где задерживаются, а записи сессий — как конкретный человек двигался по странице. Вместе они объясняют, почему цифры в аналитике именно такие, и подсказывают, что исправить.
Что это и зачем
Обычная аналитика отвечает на вопрос «что произошло»: сколько людей пришло, сколько ушло, какая конверсия. Тепловые карты и записи сессий отвечают на «почему»: что человек увидел, куда пытался нажать и где застрял.
- Тепловая карта — агрегированная картина поведения многих пользователей поверх страницы: чем «горячее» цвет, тем больше активности.
- Запись сессии (session replay) — воспроизведение визита одного человека: движения курсора, клики, прокрутка, ввод в формы (с маскировкой данных).
Популярные инструменты — Вебвизор и карты в Яндекс Метрике, Microsoft Clarity и Hotjar. Метрика и Clarity бесплатны и часто используются вместе с GA4.
Виды тепловых карт
| Карта | Что показывает | Какой вопрос решает |
|---|---|---|
| Карта кликов | Куда нажимают, включая некликабельные элементы | Видят ли кнопку, не путают ли текст со ссылкой |
| Карта ссылок (в Метрике) | Переходы по ссылкам и кнопкам | Какие пункты меню и CTA реально используют |
| Карта скроллинга | Какая доля посетителей доходит до каждой части страницы | Где теряется внимание, видят ли важный блок |
| Карта внимания | Где люди дольше задерживают взгляд на экране | Какие блоки читают, а какие пролистывают |
Карта внимания строится по времени, которое участок страницы был в зоне видимости, а не по реальному движению глаз. Это приближение, но полезное.
Как подключить
В Яндекс Метрике запись сессий и карта кликов включаются параметрами счетчика:
ym(COUNTER_ID, 'init', {
webvisor: true,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true
});
В Clarity достаточно создать проект и добавить его скрипт на сайт или подключить через Google Tag Manager. Подробности — в официальной документации Clarity.
Не забудьте о приватности: поля с паролями и личными данными должны маскироваться, а в политике конфиденциальности — упоминаться сбор данных о поведении.
Какие паттерны искать
- Клики по некликабельному. Люди нажимают на картинку, иконку или подчеркнутый текст и ничего не происходит. Значит, элемент выглядит как ссылка.
- Rage clicks — серия быстрых кликов в одно место. Обычно сломанная кнопка, медленная реакция или непонятное состояние загрузки.
- Dead clicks — клик без какой-либо реакции интерфейса.
- Резкий обрыв на карте скроллинга. Большая часть посетителей не доходит до ключевого блока: он слишком низко или выше него «ложное дно» — блок, который выглядит как конец страницы.
- Метания курсора и возвраты. Человек скроллит вверх-вниз, ищет информацию — ее не хватает или она спрятана.
- Брошенные формы. В записях видно, на каком поле люди останавливаются и уходят. В Метрике для этого есть отдельный отчет по формам.
- Разное поведение на мобильных. Всегда смотрите карты отдельно по устройствам: на телефоне кнопка может оказаться под баннером или за краем экрана.
Как превращать находки в правки
- Начните с вопроса, а не с просмотра всего подряд. Например: «Почему на странице тарифа высокий процент отказов с мобильных?»
- Отфильтруйте нужные сессии: по странице, устройству, источнику, по тем, кто не дошел до цели.
- Посмотрите 15–20 записей и выпишите повторяющиеся проблемы. Одна странная сессия — не закономерность.
- Сверьте с тепловой картой и цифрами аналитики, чтобы оценить масштаб проблемы.
- Сформулируйте гипотезу: «Если поднять форму выше и убрать два поля, больше людей отправят заявку».
- Внесите правку и проверьте результат — сравнением периодов или A/B-тестом.
- Перепроверьте карты после изменений: исчез ли паттерн.
Частые ошибки
- Делать выводы по одной-двум записям.
- Смотреть карту по маленькой выборке: на нескольких десятках визитов картина случайна.
- Смешивать десктоп и мобильные в одной карте.
- Забывать, что динамические элементы (слайдеры, всплывающие окна) могут искажать карту кликов.
- Копить записи и никогда их не разбирать.