Тепловая карта сайта в Яндекс Метрике – как посмотреть

Посадочная собирает трафик, а заявок почти нет. Сводки по конверсии сообщают, что посетители уходят, но не объясняют, в какой момент и из-за чего. Тепловая карта сайта закрывает этот пробел и показывает, куда жмут, до какого места докручивают экран и что остаётся незамеченным. В Метрике такой разбор бесплатен и включается одной опцией.

В этой статье разбираем, что даёт такая заливка, чем разбор касаний отличается от переходов и глубины просмотра, как включить сбор, где искать карты в интерфейсе и как читать горячие и холодные зоны, чтобы получить конкретные правки, а не общее ощущение «тут что-то не так». Отдельно смотрим ограничения метода, причины пустого экрана и сторонние сервисы.

Что такое тепловая карта сайта и как она работает

Heatmap работает как снимок вёрстки, поверх которого нарисовано, как ведут себя посетители. Тёплые цвета обозначают участки, где кликают и задерживаются чаще, а холодные показывают места, где активности почти нет.

Картинка строится не по одному заходу, а сводит воедино множество сессий. Поэтому единичный случай на ней теряется, а устойчивая привычка видна сразу.

Сырьё для неё собирает установленный на страницах счётчик. Перечень исходных сигналов приводит материал Яндекс Рекламы «Что такое тепловая карта, как её построить и использовать маркетологу» от 19 мая 2026 года. Считываются глубина просмотра и время в отдельной области, жесты на экране и движение курсора, а также клики и тапы. Дальше система переводит их в цветовую шкалу и накладывает её на макет.

Обычная аналитика отвечает на вопрос «сколько» и считает визиты, отказы, достигнутые цели. Цветовая заливка говорит, где именно это произошло, а Вебвизор показывает, как это выглядело у конкретного человека. Три инструмента не заменяют друг друга, и смотреть их, как правило, стоит вместе. Заливка выделяет проблемный участок, а запись сессии объясняет, что посетитель там пытался сделать.

Что показывает тепловая карта и зачем она нужна

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

Дальше эти сведения превращаются в задачи для дизайнера, верстальщика и редактора.

Вот какие задачи она закрывает.

• Горячие и холодные зоны. Сразу заметно, какая часть экрана собирает внимание, а какая простаивает. Если целевое действие оказалось в холодной области, его переносят.
• Кликабельность призывов к действию. Понятно, жмут ли посетители кнопку заявки и сколько внимания уходит на соседние блоки.
• UX-ошибки, невидимые в сводках по конверсии. Это попытки нажать на некликабельное, лишние поля формы, меню, уводящее от заявки.
• Глубина скролла. Понятно, до какого места доходят посетители и какая часть длинного лендинга работает вхолостую.
• Разница между устройствами. На смартфоне и на десктопе люди ведут себя не одинаково, и это видно на уровне конкретных блоков.
• Проверка гипотез после правок. Отрезки «до» и «после» сравниваются по одному адресу.

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

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

Виды тепловых карт в Яндекс Метрике

В разделе «Поведение» собраны четыре инструмента разбора: касания, переходы, прокрутка и формы. Каждый отвечает на свой вопрос, а полная картина складывается, когда их смотрят подряд по одному адресу.

Есть и разновидности, которых в Метрике нет: отдельные карты движения курсора и распределения внимания. Их дают сторонние платформы, и относиться к таким картам следует как к косвенному индикатору.

Карта кликов

Тепловая карта кликов Яндекс Метрики ловит любые касания, включая пришедшиеся на некликабельное. Поэтому она находит детали дизайна, которые принимают за активные: подчёркнутый текст, иконку, крупную картинку. Точки подсвечиваются разными цветами по частоте, а сверху выведено их общее число и доля попавших в видимый экран.

Показать собранное можно в нескольких режимах, названных справкой Метрики «Карта кликов». «Тепловая карта» окрашивает частые попадания тёплыми цветами, а редкие оставляет холодными. «Монохромная карта» передаёт ту же частоту плотностью цвета. Вариант «Клики по ссылкам и кнопкам» скрывает всё, кроме интерактивных участков. «Карта прозрачности» рисует туманную маску, сквозь которую чётче проступают популярные места. Режим «Карта элементов» выводит структуру вёрстки целиком.

Карта ссылок

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

Ссылки, ведущие на редирект, включая внутренний, не подсвечиваются. Переходы на чужие домены видны только через параметр trackLinks, а сам ресурс обязан корректно обрабатывать GET-параметры.

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

Карта скроллинга Яндекс Метрики выводит среднее время и число просмотров участка, на который вы навели курсор. По ней подбирают длину лендинга и решают, куда поставить форму и главный призыв к действию. Режима здесь два. В «Тепловой карте» время просмотра зон выделено цветом, а в «Карте прозрачности» мало просматриваемые области затемнены, тогда как хорошо просматриваемые остаются светлыми.

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

Аналитика форм

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

Задачи у каждого свои:

• По нажатиям находят ложные ссылки и оценивают юзабилити.
• По переходам сравнивают популярность ссылок и вычищают пункты меню, которыми не пользуются.
• По прокрутке подбирают длину полосы и поднимают важный блок выше линии обрыва.
• По аналитике форм сокращают поля, до которых люди не добираются.

Как включить тепловые карты в Яндекс Метрике

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

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

1. Откройте раздел «Настройки» и вкладку «Счётчик».
2. Включите опцию «Вебвизор, карта скроллинга, аналитика форм».
3. Сохраните изменения.
4. Установите обновлённый код везде, где он стоял.

Обновление кода чаще всего и пропускают. Пока висит старая версия, опция включена только в интерфейсе, а сбор не идёт. Ещё одна причина внезапной пустоты — запись останавливается, если карту не открывали в течение последних 6 месяцев. Тогда опцию включают снова.

Как посмотреть тепловую карту сайта в Метрике

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

Путь до готовой картинки одинаков у всех четырёх и занимает несколько шагов.

Где найти отчёты «Карты» в интерфейсе

Все четыре отчёта лежат в разделе «Поведение» интерфейса Метрики. Внутри окна просмотра переключаются вкладки, так что для смены типа возвращаться в меню не нужно. Кнопка «Взаимодействие с сайтом» позволяет перейти в другой раздел сайта прямо со скриншота.

Маршрут от списка проектов до открытой карты выглядит так:

1. Войдите в интерфейс и выберите нужный счётчик из списка.
2. Откройте раздел «Поведение» в левом меню.
3. Выберите нужный отчёт из четырёх.
4. Укажите разбираемый адрес, период и при необходимости сегмент аудитории.
5. Дождитесь загрузки скриншота с наложенными данными и переключите режим.

Режимы отображения и настройки карты

В настройках задают адрес, период, сегмент аудитории и сравнение: выбранную группу сопоставляют с прошлым отрезком времени, с готовым или с сохранённым набором условий. Режимы переключаются здесь же, и один набор нажатий читается по-разному: тепловой хорош для общей картины, «Карта элементов» подходит для разбора отдельного участка.

При построении из URL исключаются www, рекламные метки и часть адреса после символа #, а обычные параметры остаются: example.com?id=1 и example.com?id=2 получат разные картинки. Смотреть статистику можно за год или меньший срок. Объём данных при этом регулируется общим алгоритмом семплирования, а количество событий в самом отчёте не превышает 100 000 независимо от него.

Сегменты, фильтры и сравнение поведения пользователей

Сегмент превращает общую картину в рабочие данные.

Фильтр по источнику отделяет поисковые визиты от контекста и соцсетей: посетитель из рекламы ведёт себя не так, как пришедший из органики, а в общем срезе эта разница усредняется.

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

Статистику собирают и по группе URL: в поле для ввода адреса символ * означает любое количество любых символов, а символ ~ задаёт регулярное выражение. Подложка ляжет на самый посещаемый URL, а числовые показатели объединятся по всему условию. Для шаблонных разделов каталога это, как правило, самый быстрый способ набрать выборку.

Как читать тепловую карту: горячие и холодные зоны

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

Ориентиром служат паттерны чтения. Аудитория чаще всего просматривает экран по схеме F или Z, и на подложке это видно как горизонтальные полосы и вертикальная область слева. Отдельно смотрят «складку», то есть линию, до которой докручивает большинство: ключевые кнопки и формы ставят выше неё, а элементы, оказавшиеся за пределами зон внимания, переносят вверх.

Признаки проблем читаются по повторяющимся рисункам:

• Мёртвые нажатия (dead clicks) – это попытки надавить на то, что их не принимает. Обычно это картинка, иконка или заголовок, оформленные как ссылка.
• Гневные клики (rage clicks) – несколько быстрых нажатий в одной точке. Так ведут себя, когда элемент не срабатывает или интерфейс подвисает.
• Обрыв прокрутки перед важным местом: до формы или цен доходит малая доля аудитории, дальше всё резко холодеет.
• «Горячее» меню, которое уводит от заявки. Люди активно нажимают на навигацию вместо целевого действия.
• Холодный призыв к действию наверху. Его видят все, а нажимают единицы, значит, дело в формулировке, размере или контрасте.

Как использовать данные тепловой карты для улучшения сайта

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

Порядок такой: цель → выборка по адресам, устройствам и источникам → накопление статистики → разбор горячих и холодных участков → гипотеза → проверка A/B-тестом или сравнением периодов «до» и «после». Тот же материал Рекламы советует наблюдать не меньше недели или ориентироваться на 1–2 тысячи визитов, а несколько сотен считает нижней границей, ниже которой выводы ненадёжны.

Гипотезу формулируют так, чтобы её можно было опровергнуть. «Сделать удобнее» под это не подходит, а «перенести форму выше складки и убрать два поля из пяти» подходит.

Дальше правку выкатывают и сравнивают конверсию с базовым периодом.

Типовые правки, которые чаще всего рождаются из карт:

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

Визуализация отвечает на вопрос «где», но не на вопрос «почему». Причины ищут другими методами: записями Вебвизора, опросами, очным тестированием. Если правки затрагивают посадочные, приводящие людей из поиска, изменения сверяют с технической частью. Что именно проверяют, описывает SEO-аудит сайта. Перестановка иногда меняет структуру заголовков и вес контента, и это заметно в выдаче.

Ограничения тепловых карт и типичные ошибки

Цветная заливка остаётся способом наблюдения, а не доказательства. Она фиксирует факты и молчит о мотивах, поэтому выводы делают осторожно и подкрепляют смежными отчётами.

Что стоит помнить до того, как править вёрстку:

• Метод требует трафика. На малой выборке холодные пятна легко оказываются статистическим шумом, а не проблемой дизайна.
• Смешение сегментов искажает картину. Десктоп и смартфоны, органика и реклама усредняются в одно бессмысленное пятно.
• Динамика в интерфейсе (поп-апы, слайдеры, подгружаемый контент) ломает наложение, если адрес один, а разметка каждый раз разная.
• Карты движения курсора остаются косвенным индикатором. Движение мыши не равно взгляду и айтрекинг не заменяет.
• Один адрес вместо шаблона. Однотипные разделы разбирают группами, иначе статистики не хватит ни на один вывод.
• Метод не заменяет прочую аналитику и читается вместе со сводками по источникам, целям и конверсиям.
• Боты и служебный трафик добавляют на карту нажатия, которых не делал ни один посетитель: такой трафик отсекают фильтрами счётчика до разбора.

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

Почему не работает карта кликов или скроллинга

Пустая карта при живых визитах почти всегда объясняется технической причиной, а не отсутствием интереса аудитории.

Проверяют по порядку, от простого к сложному: первые пункты списка закрывают самые частые случаи.

• Опция «Вебвизор, карта скроллинга, аналитика форм» выключена или код на страницах не обновлён.
• Карта отключилась сама: её не просматривали 6 месяцев, и запись визитов остановилась.
• Счётчик стоит не везде или кодировка отличается от UTF-8.
• Сервер отдаёт заголовок X-Frame-Options без исключений для доменов Метрики и webvisor.com, поэтому статистика собрана, но недоступна для просмотра.
• Указан URL с параметрами или меткой, по которому визитов почти не было.

Бывает и так, что первый отчёт открывается, а прокрутка пуста. Тогда дело в выбранном периоде: эти данные Метрика держит 15 дней, включая текущий, и запрос за прошлый месяц вернёт пустой экран.

Другие сервисы тепловых карт

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

Чем отличаются популярные решения, видно по набору инструментов и по условиям тарифов.

• Сама Метрика даёт весь набор внутри общей веб-аналитики, без доплаты и с русскоязычным интерфейсом. Глубина скролла при этом хранится 15 дней.
• Microsoft Clarity предлагает тепловые карты и записи сессий бесплатно; по данным официального сайта clarity.microsoft.com, ограничений по трафику для базового использования нет.
• Hotjar собирает карты, записи сессий и опросы на странице; есть бесплатный тариф с лимитом по числу сессий и платные планы для больших объёмов.
• Plerdy сочетает карты кликов и скроллинга с инструментами конверсионной оптимизации и SEO-проверок; тарифы разделены по числу отслеживаемых страниц.
• Mouseflow работает с записями сессий, картами и воронками; бесплатный уровень ограничен небольшим числом сессий в месяц, дальше подписка.

Особняком стоит группа технологий внимания. Eye Tracking фиксирует реальные движения взгляда с помощью оборудования, а AI Heatmap строит прогноз алгоритмом по накопленным образцам. Как отмечает тот же материал, AI-вариант дешевле и быстрее, но менее точен, и применяют его обычно на этапе прототипирования, когда трафика на прототип ещё нет.

Выбирают платформу по задаче, а не по длине списка функций. Если вопрос звучит как «куда жмут на этой посадочной», хватает Метрики. Если нужно связать поведение с продуктовыми событиями, сегментами по свойствам пользователя и сквозной воронкой, есть смысл смотреть в сторону платных инструментов. Сроки хранения, требования к согласию на cookie и объём собираемой информации у каждой платформы свои, поэтому подключение согласуют с юристом или ответственным за обработку персональных данных.