В отличие от тепловой карты движений и скроллов, карта кликов фиксирует реальные нажатия — по кнопкам, ссылкам, картинкам. Видно сразу две полезные вещи: куда жмут чаще всего и по каким некликабельным элементам люди тоже пытаются нажать, ожидая ссылку.
На практике это подсказывает, что переделать. Если по баннеру никто не кликает — он не выглядит кнопкой. Если жмут по картинке без ссылки — сделай её кликабельной. Карта кликов в Метрике хороша тем, что показывает поведение прямо на твоей реальной вёрстке, без абстрактных отчётов.
Показывает цветом, куда люди жмут на странице.
Чем теплее зона, тем больше по ней кликают.
Видно, что юзеры жмут на некликабельный текст или картинку.
Карта показала: 40% кликов летят в нерабочую картинку в шапке, которую приняли за кнопку. Сделали её настоящей ссылкой на каталог — заявок прибавилось. Дополнили картину Вебвизором, чтобы увидеть путь до клика.
Главный подвох карты кликов — проценты считаются от общего числа кликов на странице, поэтому кнопка с ярким значением «40%» может стоять на странице с 50 кликами за месяц, а это статистический шум. Прежде чем делать выводы, смотри абсолютные числа и набирай хотя бы несколько сотен кликов; на низком трафике карта рисует красивые пятна, которым нельзя верить. Отдельно держи в голове, что десктоп и мобайл лучше разводить по сегментам — на телефоне жмут совсем по другим зонам, и усреднённая картинка прячет проблему.
Карта кликов в Метрике ловит ещё один частый дефект — «клики в пустоту» по тексту, который выглядит как ссылка без всякой ссылки внутри: подчёркнутые слова, цветные заголовки, иконки рядом с ценой. Это прямая подсказка, что вёрстка вводит в заблуждение. Чтобы понять не только где, но и почему жмут, связку усиливают Вебвизором: карта даёт статистику по зонам, а записи сессий показывают, что человек делал за секунду до и после нажатия.
Читают карту по двум вещам сразу: где скапливаются нажатия и где люди жмут по тому, что вообще не кликабельно. Второе — прямая подсказка интерфейсу: заголовок, картинку или значок принимают за ссылку. Такие элементы либо делают ссылками, либо убирают у них вид кликабельных.
Данные смотрят отдельно для телефона и компьютера: раскладка и поведение различаются, и смешанная карта усредняет обе картины до бесполезности. Выводы делают на объёме от нескольких сотен визитов на страницу, иначе яркие пятна складываются из случайных нажатий.
Частые вопросы
Сколько данных нужно для выводов?
От нескольких сотен визитов на страницу. На меньших объёмах карта складывается из случайных нажатий, и яркие пятна вводят в заблуждение. Для редко посещаемых страниц данные копят неделями.
Что делать с кликами по некликабельным элементам?
Либо превращать их в ссылки, либо снимать признаки кликабельности: подчёркивание, цвет ссылки, вид кнопки. Массовые нажатия по картинке или заголовку означают ожидание перехода, которое интерфейс обманывает.
Нужно ли разделять мобильных и десктопных посетителей?
Обязательно. Раскладка и порядок блоков различаются, поэтому смешанная карта усредняет две разные картины. Решения по мобильной версии принимают только по мобильному срезу.
Чем карта кликов отличается от тепловой карты?
Она фиксирует реальные нажатия, а тепловая карта показывает движение курсора и глубину прокрутки. Первая отвечает на вопрос, что нажимают, вторая — докуда доходят и на чём задерживаются.