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

Откройте тепловую карту в Яндекс Метрике: проверьте сбор кликов, задайте страницу и период, выберите режим. Учебный разбор карты и проверка выводов по кликам.

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

Карта кликов — инструмент для измерения и отображения статистики по кликам на вашем сайте, она фиксирует нажатия по всем элементам страницы, включая те, что не являются ссылками (Карта кликов[1]). Это и есть её польза: видно, какие элементы дизайна посетители принимают за ссылку.

Проверьте сбор данных карты

Сбор включается в счётчике. В Яндекс Метрике перейдите в раздел Настройки → Счётчик, включите опцию «Вебвизор, карта скроллинга, аналитика форм» и сохраните изменения (Карта кликов[1]). После этого установите обновлённый код счётчика на все страницы сайта.

Есть два условия, которые часто упускают. Карта отображается только на страницах, где установлен счётчик Метрики, и на сайтах в кодировке UTF-8 (Карта кликов[1]). Карта может отключиться, если её не просматривали последние 6 месяцев; чтобы возобновить запись визитов, опцию включают снова (Карта кликов[1]).

Запись задним числом не появится: данные копятся с момента включения. Если карта пустая, проверьте по порядку: включена ли опция, стоит ли обновлённый код на нужной странице, не истекли ли 6 месяцев без просмотра.

Откройте нужную страницу и период

Карта кликов открывается из раздела «Поведение»: в левом меню счётчика выберите «Поведение» и пункт нужной карты (Яндекс Метрика. Аналитика форм, карты кликов, ссылок и скроллинга[3]). В отчёте «Карта кликов» работают две вкладки — «Просмотр карты» для анализа показателей и «Взаимодействие с сайтом» для навигации по сайту; для разбора поведения нужна первая (Яндекс Метрика. Аналитика форм, карты кликов, ссылок и скроллинга[3]). Страницу задаёт фильтр «Страница», период выбирают в элементе «Период» — конкретную дату или промежуток, а режим отображения переключают в том же отчёте (Яндекс Метрика. Аналитика форм, карты кликов, ссылок и скроллинга[3]).

В поле адреса введите URL страницы. Если ввести адрес без символов, Метрика предложит в выпадающей подсказке строку с символом * (Карта кликов[1]). Символ * соответствует любому количеству символов: https://example.com/goods/* охватит все страницы каталога, а ~ задаёт регулярное выражение (Карта кликов[1]).

Для одной страницы берите точный адрес. При построении карты из URL исключаются www, рекламные метки и часть ссылки после #, а обычные параметры URL сохраняются — поэтому карты для ?id=1 и ?id=2 будут разными (Карта кликов[1]). Если трафик идёт с метками, проверьте, что вы смотрите ту версию адреса, которая действительно набирает клики.

Период — год или меньше (Карта кликов[1]). Для решения о правке страницы берите отрезок, сопоставимый с текущей версией дизайна: клики по старому макету к новой вёрстке не относятся. Отдельно в отчёте есть фильтр «Данные: с роботами, без роботов» — для оценки живого поведения выбирайте вариант без роботов (Яндекс Метрика. Аналитика форм, карты кликов, ссылок и скроллинга[3]).

Если карта не грузится, причины стоит искать в двух местах. Сайт может быть защищён от показа в iframe заголовком X-Frame-Options — тогда собранные данные недоступны для просмотра, и в настройки сервера добавляют исключения для доменов сайта и Метрики (Карта кликов[1]). Одна из возможных причин уведомления «Нет данных» — включённая в фильтрах счётчика операция «Заменять https на http»: на карте все URL с HTTP, а сайт работает по HTTPS (Карта кликов[1]).

Выберите тепловую карту

В режиме «Тепловая карта» тёплые цвета соответствуют частым кликам, холодные — редким (Карта кликов[1]). Рядом доступны другие режимы: «Монохромная карта» показывает плотность цвета по частоте кликов в точке, «Клики по ссылкам и кнопкам» убирает клики по элементам, не являющимся ссылками или кнопками, «Карта прозрачности» оставляет кликабельные элементы чётко проступающими сквозь «туман», «Карта элементов» показывает все элементы страницы (Карта кликов[1]).

На карте указано общее количество кликов на странице и доля кликов, попавших в текущую видимую область (Карта кликов[1]). Эти два числа задают масштаб: горячая зона на странице с сотней кликов и на странице с тысячей — разные по весу наблюдения.

Как читать зоны. Тёплая область на элементе, который выглядит ссылкой, но не работает, — сигнал о юзабилити. Холодная область на кнопке записи — повод проверить, видна ли она, не перекрыта ли, понятна ли подпись. Карта кликов помогает оценивать юзабилити сайта и выявлять наиболее кликабельные элементы (Карта кликов[1]).

Границы вывода. Цвет показывает частоту кликов, а не намерение купить и не взгляд. Клик по декоративной картинке не доказывает интерес к товару; отсутствие кликов по кнопке не доказывает, что кнопка плохая. Каждую зону превращайте в гипотезу и проверяйте отдельно: работоспособность элемента, целевые события, поведение в Вебвизоре. Общий порядок такой проверки разобран в аудите лендинга.

Учебный пример разбора кликов

Учебный пример

Условия: страница /consultation, режим «Тепловая карта», период — текущая версия макета. Конкретные количества кликов и реальные результаты не заданы; наблюдения условные.

Элемент Условное наблюдение Осторожная гипотеза Отдельная проверка
Декоративная иллюстрация без ссылки
Тёплая зона
Пользователь мог ожидать переход
Работоспособность элемента и целевые события
Кнопка записи
Холодная зона
Кнопку могут не замечать или не понимать
Видимость, подпись, клики по кнопке в «Кликах по ссылкам и кнопкам»
Текст условий под кнопкой
Единичные клики
Текст читают как ссылку
Проверить, не выглядит ли он кликабельным

Заполненный разбор: тёплая зона на иллюстрации даёт гипотезу «пользователь мог ожидать переход» — её проверяют работоспособностью элемента и целевыми событиями, а не цветом. Холодная зона на кнопке записи даёт гипотезу о видимости и подписи — её проверяют в режиме «Клики по ссылкам и кнопкам» и в Вебвизоре. Вывод о продажах по цветам не делаем: карта измеряет клики.

Проверка результата. Ожидаемый итог работы с картой — список правок, где у каждой строки есть элемент, наблюдение, гипотеза и способ проверки. Если в строке вместо способа проверки стоит «стало теплее» или «кликов больше», строка не готова. Дополнительно сверьтесь с ограничениями: объём событий в отчёте ограничен 100 000 независимо от семплирования (Карта кликов[1]), а страницы выше лимита по высоте или ширине в браузере могут не отобразиться — для Chrome это 32 767 пикселей (Карта кликов[1]).

Смежная задача — что происходит с корзиной и дополнительными товарами после клика — разобрана в материале про дополнительные товары Яндекс Кит.

Итог: включённый сбор, точный адрес и период, режим «Тепловая карта», затем таблица «элемент — наблюдение — гипотеза — проверка». Такой разбор превращает цвета в решения, которые можно проверить.

Источники

  1. Карта кликов Яндекс Метрикаyandex.ru
  2. Яндекс Метрика: аналитика форм, карты кликов, ссылок и скроллингаyard.yandex.ru

Валерий Курземнек

Автор метода «Машиночитаемый маркетинг»

Что ещё почитать