Google Analytics показывает: на странице продукта 500 посетителей в день, конверсия 1,5%. Что не так — непонятно. Можно строить гипотезы неделями. А можно открыть запись сессии и за 15 минут увидеть: люди кликают на заголовок раздела «Как это работает», думая, что это кнопка, — и ничего не происходит. Они пробуют ещё раз, не понимают, и уходят.
Это реальный паттерн из практики. И именно для таких открытий существуют тепловые карты и записи сессий — инструменты качественной аналитики.
Чем тепловые карты дополняют обычную аналитику
Яндекс.Метрика и Google Analytics отвечают на вопросы «сколько», «откуда» и «куда». Они показывают воронку: зашло 500 → до формы дошло 80 → отправило форму 8. Но они не показывают «как» и «почему».
Тепловые карты и записи сессий — это инструменты «как». Они показывают:
- Куда именно кликают (и куда кликают напрасно)
- Как далеко прокручивают страницу
- Где останавливают взгляд
- Как двигается мышь
- В какой момент и как уходят с сайта
Комбинация количественной аналитики (Метрика) и качественной (тепловые карты) даёт полную картину. Порознь они неполноценны.
Три типа тепловых карт
Карта кликов (Click Map)
Показывает, куда кликают пользователи на странице. Горячие зоны (красный/оранжевый) — много кликов, холодные (синий/зелёный) — мало.
Что искать:
- Клики на некликабельных элементах. Люди кликают на заголовок, думая, что это ссылка. На иконку, которая не является кнопкой. На изображение, которое ничего не делает. Это фрустрирующий паттерн — люди ожидают действия, ничего не происходит.
- Игнорирование кнопки CTA. Если главная кнопка «Оставить заявку» в холодной зоне — либо её не видно, либо она не вызывает желания кликнуть.
- Клики по «неправильным» элементам. Кликают на вторичную кнопку вместо основной, на картинку вместо текста, на подпись вместо фото.
Карта прокрутки (Scroll Map)
Показывает, как далеко пользователи прокручивают страницу. Например: 90% видят первый экран, 70% — второй блок, 40% — третий, 10% — форму внизу.
Что искать:
- «Стены текста». Резкое падение прокрутки часто совпадает с длинным текстовым блоком — люди останавливаются и уходят.
- Ключевые элементы ниже видимости. Если блок с отзывами видят только 25% посетителей, а форма заявки — 15%, они слишком далеко внизу.
- «Фолд» на мобильных vs десктопе. Граница видимого без прокрутки сильно отличается. То, что видят все на десктопе, на мобильном может быть за тремя прокрутками.
Карта движения мыши (Move Map)
Отслеживает движение курсора — исследования показывают корреляцию между движением мыши и взглядом: люди смотрят туда, куда двигают мышь.
Что искать:
- Зоны повышенного внимания. Куда мышь возвращается снова и снова — там интерес.
- Слепые пятна. Зоны, которые мышь почти не посещает — контент там не работает.
Что искать в записях сессий
Запись сессии — видеозапись визита одного конкретного пользователя: движение мыши, скроллинг, клики, заполнение форм. Это самый информативный, но и самый времязатратный инструмент.
Правило эффективного анализа: не смотрите случайные сессии. Фильтруйте.
Фильтр 1: пользователи, которые отказали в действии. Зашли на страницу оформления заказа, но не купили. Зашли на страницу контактов, но не позвонили. Открыли форму, но не отправили. Именно здесь происходит потеря.
Фильтр 2: пользователи с «U-образным» поведением. Зашли, поскроллили вниз, вернулись наверх, поскроллили снова. Это признак растерянности — человек ищет что-то и не может найти.
Фильтр 3: мобильные пользователи отдельно. Поведение на телефоне кардинально отличается от десктопа. Проблемы мобильного UX видны только в мобильных записях.
Фильтр 4: «злые клики» (rage clicks). Пользователь кликает в одно и то же место несколько раз быстро — это фрустрация. Элемент не реагирует так, как ожидалось.
Оптимальный объём для анализа: 50–100 сессий по каждому фильтру. Это даёт репрезентативную картину без перегрузки.
Инструменты: обзор доступных решений
| Инструмент | Тепловые карты | Записи сессий | Стоимость | Особенности |
|---|---|---|---|---|
| Яндекс.Вебвизор | Нет | Да | Бесплатно | Встроен в Метрику |
| Яндекс.Метрика (карты) | Да | Нет | Бесплатно | Клики, скролл, ссылки |
| Hotjar | Да | Да | от $39/мес | Опросы, воронки |
| Microsoft Clarity | Да | Да | Бесплатно | Нет лимитов, AI-инсайты |
| FullStory | Да | Да | от $199/мес | Корпоративный уровень |
| Crazy Egg | Да | Да | от $29/мес | Простой интерфейс |
Яндекс.Вебвизор — лучший старт для российского бизнеса. Бесплатно, без лимитов записей (при использовании Метрики), хорошее качество записей. Ограничение: нет тепловых карт в виде overlay на странице (только сводные данные в Метрике).
Microsoft Clarity — лучшее соотношение цены и качества среди международных инструментов. Полностью бесплатный, без лимитов, хорошие тепловые карты, AI-сводки по паттернам поведения. Отличный выбор для начала.
Hotjar — стандарт индустрии. Добавляет опросы (можно спросить уходящего пользователя, почему он уходит), воронки, виджет обратной связи. Стоимость оправдана при серьёзной работе с UX.
Как организовать анализ: процесс от данных до правки
Шаг 1: сформулируйте вопрос. «Почему на странице тарифов мало кликов по кнопке «Начать»?» Конкретный вопрос даёт конкретный фокус.
Шаг 2: откройте тепловую карту кликов для страницы тарифов. Проверьте: куда кликают чаще всего? Кликают ли вообще на кнопку «Начать»?
Шаг 3: посмотрите карту прокрутки. Видят ли кнопку «Начать» вообще? Может, 70% пользователей не доходят до неё.
Шаг 4: просмотрите 30–50 сессий пользователей, которые зашли на страницу тарифов и ушли без действия. Ищите паттерны: где они останавливаются, что их интересует, в какой момент уходят.
Шаг 5: сформулируйте гипотезу. «Большинство пользователей не видят кнопку «Начать», потому что она находится ниже второго таблицы тарифов — туда скроллят только 35%». Или: «Пользователи кликают на заголовок тарифа, ожидая, что он раскроется как аккордеон, но ничего не происходит».
Шаг 6: сделайте правку. Поднять кнопку выше. Или добавить sticky CTA. Или сделать заголовок интерактивным.
Шаг 7: проверьте результат через 2 недели. Сравните карту кликов до и после. Изменилась ли конверсия.
Конкретные изменения на основе данных: кейс
Компания, продающая корпоративное ПО, провела анализ страницы продукта:
Что показала карта кликов: 60% кликов на странице приходилось на раздел «Функции» — пользователи кликали на иконки функций, ожидая всплывающего описания. Его не было. Кнопка «Запросить демо» получала только 3% кликов.
Что показала карта прокрутки: блок с кейсами клиентов (самый конвертирующий элемент) видели только 25% посетителей.
Что показали записи сессий: многие пользователи открывали страницу, искали «цену» (которой там не было явно), не находили — и уходили. Видно по хаотичному скроллингу вверх-вниз.
Что изменили:
- Добавили раскрывающиеся описания к иконкам функций
- Блок с кейсами подняли выше, сразу за блоком функций
- Добавили блок «Цена» с диапазоном и кнопкой «Узнать точную стоимость»
- Добавили sticky кнопку «Запросить демо» в правом нижнем углу
Результат через месяц: конверсия страницы выросла с 1,2% до 2,8% (+133%). Количество запросов на демо выросло в 2,3 раза.
Тепловые карты и записи сессий — это не магия. Это систематический способ видеть то, что делают реальные люди на вашем сайте, и принимать решения на основе этих данных, а не интуиции.