GA4 показывает, сколько людей зашло на страницу и сколько ушло, не оформив заказ, — но не показывает, почему. Тепловые карты и записи сессий закрывают именно этот разрыв: видно, до какого места долистывают, куда кликают в поисках несуществующей кнопки и на каком шаге формы обрывается заполнение. Разбираем, какие карты для чего нужны, как их настроить без разработчика и как превратить находку в проверяемую гипотезу, а не просто в интересное наблюдение.
01 Зачем тепловые карты, если уже есть GA4
GA4 отвечает на вопросы «сколько» и «куда»: сколько сеансов, какой процент ушёл с определённого шага воронки, куда вели переходы. На вопрос «почему именно на этом шаге» аналитика с числами не отвечает — а без ответа непонятно, что вообще менять на странице.
Тепловые карты и записи сессий добавляют визуальный слой поверх тех же данных: видно, что реальный человек делал на странице секунда за секундой. Часто оказывается, что причина отказа — не в оффере и не в цене, а в детали интерфейса: кнопка визуально похожа на неактивную, форма слишком длинная, важный блок находится ниже того, докуда реально долистывают.
02 Виды карт: клики, скролл, движение курсора
Разные типы карт показывают разные срезы поведения, и для полной картины обычно нужно смотреть минимум два из них вместе, а не полагаться на один.
- Карта кликов — по каким элементам страницы кликают или тапают: реальные кнопки и ссылки, но нередко и элементы, которые кликабельными не являются вовсе.
- Карта скролла — до какого места долистывает конкретный процент посетителей; показывает, читают ли вообще блок с ценами или отзывами, если он расположен низко.
- Карта движения курсора — куда смотрит и где задерживается взгляд (на десктопе движение курсора неплохо коррелирует со взглядом); полезна для оценки, замечают ли вообще ключевой блок.
03 Hotjar или Clarity: как выбрать для старта
Для большинства сайтов выбор сводится к двум инструментам, и решение чаще упирается не в качество карт, а в бюджет и объём трафика.
Microsoft Clarity бесплатен без ограничений по числу записанных сессий и включает базовые карты кликов и скролла, запись сессий и интеграцию с Google Analytics и Tag Manager. Hotjar предлагает более широкий набор инструментов — включая опросы и формы обратной связи прямо на сайте, — но на бесплатном тарифе ограничивает число сессий, после чего включается выборочная запись. Для сайта, который только начинает работать с поведенческой аналитикой, разумный старт — бесплатный тариф Clarity: он покрывает основные сценарии без ограничения по объёму данных, а к платному инструменту можно перейти позже, если понадобятся опросы или более детальная сегментация.
04 Установка без разработчика
Оба сервиса устанавливаются одним и тем же способом — коротким фрагментом кода в разделе <head> сайта, и разработчик для этого не обязателен, если на сайте уже подключён Google Tag Manager или GA4.
- Зарегистрировать проект в выбранном сервисе и получить код отслеживания;
- вставить код в шаблон сайта напрямую или через Google Tag Manager отдельным тегом;
- проверить, что данные начали поступать — обычно это видно в интерфейсе сервиса в течение нескольких минут;
- по официальной инструкции по установке Clarity есть отдельные готовые модули для популярных CMS — это ещё быстрее ручной вставки кода.
05 Как читать записи сессий и не утонуть в данных
Главная ошибка при первом знакомстве с записями сессий — смотреть их подряд без цели. За час можно посмотреть двадцать роликов и не вынести ничего полезного, если заранее не решить, что именно ищете.
Рабочий подход — смотреть записи не всех подряд, а конкретного сегмента: например, только сеансы, которые дошли до формы, но не отправили её, или только визиты с мобильных устройств на конкретной странице. Такой фильтр за 10–15 записей обычно показывает повторяющийся паттерн: пользователи одинаково спотыкаются об одно и то же поле формы или одинаково не замечают кнопку под баннером.
06 Пять сценариев, которые чаще всего находят на тепловых картах
Прежде чем анализировать свой сайт, полезно знать, что обычно находят на картах и записях другие — это ускоряет распознавание похожих паттернов.
- «Ложный клик» — пользователи массово кликают на элемент, который выглядит как кнопка, но ею не является.
- Обрыв скролла до ключевого блока — цены, отзывы или форма находятся ниже того места, до которого долистывает большинство.
- Затор на одном поле формы — курсор возвращается к одному и тому же полю несколько раз подряд, часто это признак неясной формулировки или ошибки валидации.
- Игнорирование главного CTA — кликов по основной кнопке действия почти нет, а по второстепенным ссылкам — заметно больше.
- Расхождение поведения на мобильных и десктопе — блок, который отлично работает на десктопе, на мобильном экране съезжает или перекрывается другим элементом.
07 От находки к гипотезе A/B-теста
Наблюдение с тепловой карты — это ещё не решение, а сырьё для гипотезы. Полезная гипотеза формулируется в формате «если изменить X, то ожидаем Y, потому что Z», а не просто «переделаем кнопку, потому что она красная».
Например: если карта показывает, что 40% посетителей кликают на нерабочий элемент, похожий на кнопку, гипотеза может звучать так — «если превратить этот элемент в настоящую кликабельную кнопку, конверсия в переход на следующий шаг вырастет, потому что сейчас часть пользователей теряет намерение после неудачного клика». Как именно ставить и читать такой тест, разобрано в статье про A/B-тестирование рекламы — принципы разделения аудитории и оценки результата там работают и для тестов на самом сайте. Если проверять гипотезы и настраивать инструменты самостоятельно некогда, эту работу можно передать команде — подробнее на странице услуг.
08 Частые вопросы
Замедляют ли тепловые карты сайт?
Скрипты Hotjar и Clarity асинхронные и загружаются параллельно с основным контентом, поэтому заметного влияния на скорость загрузки страницы обычно нет. Проверить это на своём сайте можно через отчёт о скорости в GA4 или Search Console до и после установки.
Нужно ли согласие пользователя на запись сессий?
Да, если на сайте собираются персональные данные или используются файлы cookie для аналитики, запись сессий должна учитываться в политике конфиденциальности и, в зависимости от региона, требовать согласия через баннер cookie. Оба сервиса по умолчанию маскируют чувствительные поля вроде паролей и номеров карт.
Сколько записей сессий нужно посмотреть, чтобы сделать вывод?
Обычно достаточно 10–15 записей одного сегмента, чтобы увидеть повторяющийся паттерн. Если после этого объёма поведение выглядит хаотичным и без закономерности, вероятно, сегмент выбран слишком широко.
Можно ли использовать тепловые карты вместо A/B-тестов?
Нет, это разные инструменты на разных этапах. Тепловая карта помогает найти, что именно чинить, а A/B-тест проверяет, действительно ли исправление увеличивает конверсию, а не просто кажется логичным улучшением.
Работают ли тепловые карты на мобильных устройствах?
Да, оба сервиса собирают карты кликов, скролла и записи сессий отдельно для мобильных устройств — это важно проверять отдельно от десктопа, потому что поведение на маленьком экране часто отличается.
С чего начать, если сайт получает мало трафика?
Начать стоит с самых посещаемых страниц — главной, ключевых посадочных или карточек популярных товаров, — и с бесплатного тарифа Clarity, который не ограничивает число собранных сессий по времени.