Тепловая карта и вебвизор (запись сессий) показывают, что покупатель реально делает на сайте: куда кликает, докуда долистывает, где зависает в замешательстве. Обычная веб-аналитика вроде GA4 отвечает на вопрос «сколько» (сколько людей зашло, сколько купило), а эти инструменты отвечают на вопрос «почему»: почему из 100 человек на карточке товара до кнопки «Купить» долистали только 40.
Что такое тепловая карта и вебвизор простыми словами
Тепловая карта — это визуализация действий множества посетителей на одной странице в виде цветовой шкалы, где красным и оранжевым отмечены зоны с наибольшей активностью, а синим и прозрачным — зоны, которые почти никто не замечает. Вебвизор, он же запись сессий (session recording) — это видеозапись действий одного конкретного посетителя: курсор, клики, скролл, заполнение полей, в реальном времени или с ускорением.
Разница между ними в масштабе наблюдения. Тепловая карта агрегирует поведение сотен или тысяч визитов и хороша для вопроса «где в среднем теряется внимание на этой странице». Запись сессии показывает одного человека и хороша для вопроса «что именно пошло не так у этого конкретного покупателя перед тем, как он ушёл с пустой корзиной». На практике эти два инструмента почти всегда используют в связке: карта показывает проблемную зону, а несколько записей сессий объясняют, что там происходит.
Три типа тепловых карт и что каждый показывает интернет-магазину
Click map (карта кликов) фиксирует каждый клик или тап по странице, включая клики по элементам, которые вообще не кликабельны, например по цене или по фото товара, которое покупатель принял за кнопку. Move map (карта движений курсора) отслеживает, куда посетители наводят курсор мыши: на десктопе движение курсора статистически коррелирует с движением взгляда, хотя и не идентично ему, что подтверждено исследованием Anwyl-Irvine, Armstrong и Dalmaijer, опубликованным в журнале Behavior Research Methods в 2022 году. Scroll map (карта скролла) показывает, какой процент посетителей долистал страницу до определённой точки, и это самый прямой способ понять, видит ли покупатель кнопку «Добавить в корзину» или блок с отзывами вообще, если они расположены ниже первого экрана.
Для интернет-магазина связка всех трёх карт на одной странице обычно даёт больше, чем каждая по отдельности: scroll map покажет, что до блока с характеристиками долистывает только треть посетителей, а click map на этом же участке подтвердит или опровергнет, что оставшиеся действительно не видят кнопку заказа, а не просто не заинтересованы в товаре.
Rage click и dead click: сигналы, которые пропускает обычная аналитика
Rage click (яростный клик) — это серия из нескольких быстрых кликов подряд по одному и тому же месту на странице, и это почти всегда признак того, что элемент выглядит кликабельным, но не реагирует, либо реагирует с задержкой. Dead click (мёртвый клик) — это одиночный клик по элементу, который визуально похож на интерактивный (кнопку, ссылку, переключатель размера), но никак не отвечает на нажатие. Оба паттерна видны в записи сессий и на карте кликов, но никогда не попадут в стандартный отчёт Google Analytics, потому что для GA4 это просто клик без последствий, а не сигнал проблемы.
По данным Contentsquare, «2023 Digital Experience Benchmark Report» (анализ более 35 млрд сессий и 161 млрд просмотров страниц на 2 942 сайтах в 26 странах, опубликовано 14 февраля 2023 года): rage click встречается в 6% всех сессий на сайте, а признаки раздражения в целом (медленная загрузка, повторные клики и другие сигналы фрустрации) присутствуют более чем в трети визитов (36%). В более свежем отчёте того же поставщика, «Digital Experience Benchmark 2026» (данные с четвёртого квартала 2024 по четвёртый квартал 2025 года, выборка 99 млрд сессий на 6 500+ сайтах в 9 отраслях, включая ритейл): доля визитов с признаками фрустрации (rage click, медленная загрузка, избыточное наведение курсора) за год снизилась на 4,3%, а доля визитов с конверсией одновременно просела на 5,1% год к году. Прямой причинно-следственной связи между этими двумя цифрами отчёт не устанавливает, но в интернет-магазине для каждого отдельного rage click есть конкретная причина, которую стоит найти и устранить: неработающий фильтр, кнопка «В корзину», перекрытая всплывающим баннером, или размерная сетка, которая не открывается на мобильном.
Какие страницы интернет-магазина стоит анализировать в первую очередь
Карточка товара, страница категории и чекаут дают наибольшую отдачу от анализа тепловых карт, потому что именно на них происходит основная часть решений о покупке или отказе от неё. На карточке товара стоит смотреть, доходит ли внимание до кнопки заказа, до блока с отзывами и до размерной сетки, если товар размерный: если scroll map показывает, что 60% посетителей не долистывают до отзывов, а отзывы решают вопрос доверия, их стоит переместить выше.
На странице категории click map быстро показывает, кликают ли покупатели по фильтрам вообще, и если да, то по каким чаще всего: фильтр, который никто не трогает, скорее всего расположен не там, где его ищут, а фильтр с большим числом rage click почти наверняка работает с задержкой или багом. На чекауте вебвизор особенно ценен, потому что здесь каждая секунда колебания стоит денег напрямую: запись нескольких десятков сессий с брошенной корзиной на этапе оформления обычно быстро вскрывает повторяющийся паттерн, например, покупатели несколько раз кликают на поле промокода в поисках скидки, которой на самом деле нет, и уходят с сайта именно на этом шаге.
Инструменты для тепловых карт и записи сессий: чем отличаются популярные сервисы
Hotjar считается одним из самых известных инструментов на рынке: он сочетает тепловые карты, запись сессий и опросы посетителей в одном интерфейсе. Компания Contentsquare объявила о приобретении Hotjar ещё в сентябре 2021 года, а с 1 июля 2025 года Hotjar официально влился в структуру Contentsquare как единое юридическое лицо, сохранив при этом собственный бренд и продукт (Contentsquare, пресс-релиз, сентябрь 2021; Contentsquare Help Center, 2025). Microsoft Clarity — это бесплатный инструмент от Microsoft без ограничения по числу сессий и посещаемости, который компания запустила в конце 2020 года и который, по собственным данным Microsoft на декабрь 2025 года, используют «миллионы сайтов и мобильных приложений по всему миру», включая свыше 10 000 мобильных приложений ежедневно. Mouseflow и Lucky Orange — более узкоспециализированные конкуренты со схожим набором функций, каждый со своими нишевыми преимуществами: например, встроенными формами обратной связи или интеграцией с чатом на сайте.
Отдельно стоит термин «вебвизор»: изначально это название конкретной функции записи сессий в Яндекс.Метрике, и в русскоязычном сегменте оно часто используется как обиходное обозначение любой записи поведения посетителей, по аналогии с тем, как «ксерокс» стал нарицательным для любого копировального аппарата. Для магазина, который работает на международную аудиторию, а не только на русскоязычный рынок, разумнее ориентироваться на инструменты с глобальной инфраструктурой и понятной юрисдикцией обработки данных, такие как Microsoft Clarity или Hotjar, и рассматривать региональные сервисы отдельно под конкретный рынок, если он действительно того требует.
Точные лимиты бесплатных тарифов и цены платных планов у всех сервисов регулярно меняются, поэтому перед выбором стоит свериться с актуальным прайсом на официальном сайте конкретного инструмента, а не с цифрами из старых обзоров.
Юридическая сторона: что нужно учитывать при записи поведения покупателей
Запись сессий и тепловые карты попадают под требования GDPR о согласии на использование не строго необходимых cookie, потому что технически они могут фиксировать персональные данные: имя, email, а иногда и содержимое полей формы, если данные не замаскированы намеренно. Это касается не только магазинов, которые продают в ЕС, а любого сайта, куда заходят посетители из Евросоюза, независимо от того, где зарегистрирован сам бизнес.
На практике это означает три обязательных шага перед запуском: получить согласие через баннер cookie до того, как скрипт записи начнёт работать, включить маскирование чувствительных полей (номер карты, пароль, иногда телефон и адрес) в настройках инструмента, и прописать использование такого сервиса в политике конфиденциальности сайта. Большинство современных инструментов, включая Hotjar, Microsoft Clarity и Mouseflow, имеют встроенные настройки маскирования и работы с согласием, но по умолчанию они не всегда включены, это нужно проверить и настроить отдельно при подключении.
Как перейти от карты к конкретному изменению на сайте
Одной карты недостаточно для решения: карта показывает симптом, а причину подтверждают несколько записей сессий с того же участка страницы. Рабочая последовательность такая: сначала на scroll map или click map находится аномалия, например резкий обрыв внимания в одной точке страницы; затем через фильтр в вебвизоре просматриваются 10-15 сессий именно на этой странице, желательно с сегментацией по устройству, потому что поведение на мобильном и десктопе часто различается кардинально; и только после этого формулируется гипотеза изменения, которую в идеале стоит проверить A/B-тестом, а не менять сайт по одному наблюдению.
Частая ошибка на этом этапе в том, что тепловую карту смотрят по всему трафику сразу, без разделения на сегменты. Карта, усреднённая по мобильным и десктопным посетителям одновременно, обычно смазывает оба паттерна и не показывает ни один из них отчётливо, потому что расположение элементов и сама логика взаимодействия на телефоне и компьютере разная. Второй частый промах в том, что выводы делают по 5-10 сессиям без просмотра тепловой карты вообще: единичные записи легко принять за системную проблему, хотя на деле это могло быть поведение одного нетипичного пользователя.
FAQ
Чем тепловая карта отличается от вебвизора?
Тепловая карта агрегирует поведение множества посетителей на одной странице в виде цветовой визуализации и хороша для поиска зон с проблемой. Вебвизор (запись сессии) показывает поведение одного конкретного человека в виде видео и хорош для понимания, что именно пошло не так в его случае. На практике их используют вместе: карта находит проблему, запись объясняет причину.
Сколько сессий нужно посмотреть, чтобы сделать выводы?
Для одной конкретной страницы обычно достаточно 10-15 записей сессий с явной проблемой (например, брошенной корзиной), чтобы увидеть повторяющийся паттерн. Если паттерн не повторяется даже в 15 записях, вероятно, проблема не системная, а стоит либо смотреть больше сессий, либо искать причину в другом месте.
Замедляет ли вебвизор загрузку сайта?
Скрипты записи сессий добавляют небольшую дополнительную нагрузку на страницу, но у современных инструментов (Microsoft Clarity, Hotjar, Mouseflow) она минимальна и почти никогда не критична для скорости загрузки при правильной установке. Гораздо чаще на скорость влияют неоптимизированные изображения и лишние сторонние скрипты, а не аналитика поведения сама по себе.
Можно ли использовать вебвизор без согласия посетителя?
Нет, если среди посетителей есть аудитория из Евросоюза, запись поведения и тепловые карты требуют согласия на использование cookie по GDPR, потому что технически могут фиксировать персональные данные. Согласие нужно получать через баннер cookie до запуска скрипта, а чувствительные поля форм стоит маскировать в настройках инструмента.
Какой инструмент выбрать для старта, если бюджета нет?
Microsoft Clarity — это бесплатный инструмент без ограничения по числу сессий, поэтому он логичный выбор для старта независимо от размера магазина. Платные инструменты вроде Hotjar или Mouseflow имеют смысл, когда нужны дополнительные функции: опросы посетителей, воронки, интеграция с CRM или более гибкая сегментация данных.
