Тепловая карта кликов

Происхождение и история термина

У слова heatmap, «тепловая карта», более широкая история, чем у веб-аналитики. В исследовании Леланда Уилкинсона и Майкла Френдли об истории тепловых карт разобраны цветовые таблицы XIX века. Один из примеров — изображение социальных показателей районов Парижа у Луа в 1873 году: величины различались цветом. Это история графического приёма, а не дата появления карты кликов. ^[6]

Применение похожей цветовой идеи к нажатиям документировано в ранних веб-инструментах. Официальный архив ClickHeat содержит запись версии 0.1 с датой изменения 20 ноября 2006 года; описание проекта прямо связывает карту с кликами на странице. Этот пример подтверждает существование такой реализации, но не устанавливает её первенство. ^[7] В современной Clarity распределение связывается с элементами интерфейса, что показывает один из способов учитывать различную компоновку страницы. ^[1]

Суть и механизм

Представим страницу с заголовком, фотографией и кнопкой «Все новости». Система аналитики регистрирует взаимодействия, объединяет подходящие наблюдения и накладывает результат на представление страницы. В Clarity набор наблюдений зависит от выбранных фильтров; нажатия связываются с элементами, а не только с абсолютным положением указателя. Это свойство конкретной реализации, а не обязательное устройство всех карт. ^[1]

Сначала важно выяснить, какие действия система считает кликами. Метрика показывает нажатия и на элементы без ссылок. Поэтому яркое пятно на фотографии не обязательно означает переход: человек мог нажать на неподвижную иллюстрацию. ^[2] В учебной ситуации это повод проверить, не выглядит ли фотография как кнопка увеличения. Ожидание посетителя остаётся гипотезой, пока оно не проверено.

Слово «клик» имеет и технический смысл: событие браузера, которое может возникать не только от мыши. Рабочий проект «События пользовательского интерфейса» (UI Events) консорциума Всемирной паутины (W3C) от 21 февраля 2026 года описывает создание события click при активации подходящего элемента клавишей Enter или пробелом. Это проект спецификации событий, а не документация аналитического отчёта. Учёт таких действий конкретной картой нужно выяснять отдельно. ^[4]

Виды и классификации

Matomo различает карты кликов, движений указателя и прокрутки. Первая показывает нажатия, вторая — зарегистрированные движения или задержки указателя, третья — достигнутую глубину страницы. ^[3] Даже если отчёты выглядят похоже, они отвечают на разные вопросы. Пустая область карты кликов не означает, что её никто не прочитал: чтение не требует нажатия.

Отдельно различаются способы отображения одного набора кликов. В Метрике есть тепловой и монохромный режимы: в первом используются тёплые и холодные цвета, во втором меняется плотность цвета. ^[2] Это не два разных способа поведения посетителей, а две формы изображения данных. Перед сравнением следует прочитать легенду — пояснение того, что означают цвета и числа.

Как применяется на практике

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

Следующий шаг — сформулировать задачу для проверки: например, найти новости культуры. Наблюдая выполнение этой задачи и спрашивая человека, чего он ожидал, можно проверить первоначальное объяснение. Карта подсказала место затруднения; сама она не рассказала, зачем нажимали на стрелку. Возможно и другое объяснение: случайное касание при прокрутке. Пока дополнительного наблюдения нет, обе версии остаются возможными.

В российской практике Метрика позволяет объединять данные группы адресов и показывает их на наиболее популярной странице группы. ^[2] Для редакции это удобно при одинаковых шаблонах новостей, но состав группы следует проверять: общие числа относятся ко всем вошедшим страницам, а фон изображает одну из них. В международном примере Matomo предлагает выбор типа устройства и ширины экрана, чтобы рассматривать взаимодействия в соответствующем представлении. ^[3]

Как измерить или проверить

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

Нужно учитывать и полноту регистрации. Matomo позволяет задать долю просмотров, для которых собираются данные тепловой карты; в Метрике на объём отчёта влияет выборочная обработка данных. ^{[2, 3]} Поэтому большое число посещений сайта не означает, что каждое из них вошло в конкретную карту. Выборкой здесь называется набор наблюдений, по которому построен отчёт.

Учебный расчёт: в выбранной группе зарегистрировано пятьдесят просмотров страницы и двести кликов по ней. Кнопка получила сто кликов. Доля этой кнопки во всех кликах равна 100 / 200 × 100% = 50%. Именно долю событий на элементе среди событий страницы описывает показатель Click Rate Percentage в Matomo. Он не равен доле посетителей, нажавших кнопку. ^[3]

Допустим, журнал дополнительно показывает, что хотя бы один клик по кнопке был в двадцати из пятидесяти просмотров. Тогда доля просмотров с действием равна 20 / 50 × 100% = 40%. Повторные нажатия не увеличивают здесь числитель: каждый просмотр учитывается один раз. Это отдельный расчёт по учебным данным, а не обещание готового показателя в любом сервисе.

Наконец, 100 / 50 = 2 означает среднее число нажатий кнопки на просмотр. Оно может быть больше единицы и не превращается в «двести процентов людей». При нулевом знаменателе соответствующая доля или среднее не рассчитывается. Даже число просмотров с действием не даёт числа разных людей: один человек может открыть страницу повторно.

Ошибки, ограничения и спорные вопросы

Главная ошибка — переходить от заметного цвета к выводу об успехе. В примере со стрелкой рост нажатий может означать, что пользователь многократно пытается добиться реакции. Для оценки результата нужен другой вопрос: удалось ли открыть нужную рубрику? Точно так же частые нажатия «Отправить» ещё не означают успешной отправки формы. Это различие между действием и выполненной задачей.

Вторая ошибка — объяснять различие двух карт одной правкой дизайна. Допустим, после перестановки кнопки одновременно пришла новая аудитория из другой рекламы. По двум изображениям нельзя отделить эффект расположения от изменения посетителей. Сравнение полезно для постановки вопроса, но не доказывает причину различия.

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

Правовой аспект

В России персональными считаются сведения о человеке, которого можно определить прямо или косвенно: это следует из пункта 1 статьи 3 закона № 152-ФЗ. Если сбор данных для карты включает такую информацию, нужны основания обработки по части 1 статьи 6; согласие названо в пункте 1, но закон предусматривает и другие случаи. Использована редакция от 26.07.2026. ^[5]

Из самого вида отчёта нельзя заключить, что исходные данные обезличены или что конкретная установка счётчика законна. Для оценки требуется знать состав собираемых сведений и процесс их обработки. Выбор основания, настройки и документы конкретного сайта требуют юридического рассмотрения; статья не является разрешением на сбор данных.

Частые вопросы

Связанные термины

• veb-analitika
• karta-skrollinga
• vizit
• konversiya
• mobilnaya-adaptatsiya
• soglasie na obrabotku personalnykh dannykh