Что такое карта кликов
Коротко
Карта кликов — это отчёт веб-аналитики, который накладывает на страницу сайта отметки всех нажатий посетителей и показывает, по каким элементам кликают чаще, а по каким — реже или мимо. С её помощью видно, совпадает ли поведение людей с замыслом дизайнера: находят ли они кнопку, не путают ли её с картинкой, не бьют ли по неработающим элементам.
Как работает карта кликов
На страницы сайта ставится счётчик аналитики. Он записывает каждое нажатие или касание экрана и привязывает его к координатам на странице. Затем сервис рисует поверх макета страницы цветные пятна: чем чаще нажимали в этом месте, тем ярче пятно. Так получается тепловая карта кликов.
Карта кликов бывает по одной странице или по группе однотипных страниц. В сервисах вроде Яндекс Метрики или Microsoft Clarity можно выбрать период, сегмент посетителей (например, только с мобильных) и тип кликов. Отдельно выделяют клики по неработающим элементам, яростные клики в одном месте и клики, после которых возникает ошибка на странице.
Какие бывают карты кликов
- Все клики — общая картина: куда нажимают на странице.
- Мёртвые клики — нажатия по элементам, которые не реагируют: по картинке, тексту, пустому месту. Показывают, что люди принимают за кнопку или ссылку.
- Яростные клики — частые нажатия в одной небольшой области за короткое время. Обычно означают, что элемент не срабатывает или грузится слишком долго.
- Клики с ошибкой — нажатия, после которых сразу возникает ошибка JavaScript. Сигнал о технической неисправности страницы.
- Первые и последние клики — на что нажимают в начале и в конце визита. Помогают понять, с чего люди начинают и чем заканчивают на странице.
Что показывает карта кликов
Карта кликов отвечает на вопрос, куда направлено внимание посетителя и совпадает ли оно с тем, что вы считаете главным. Если люди нажимают на фотографию товара, думая, что она увеличится, а она не увеличивается, — это потерянный интерес. Если кнопка «Оставить заявку» собрала меньше кликов, чем соседний декоративный элемент, — возможно, кнопка сливается с фоном или стоит не там, где её ищут.
На мобильных карта кликов показывает касания. Здесь особенно заметно, что палец человека крупнее курсора мыши: кнопки и ссылки, расположенные слишком близко друг к другу, собирают промахи. Карта кликов помогает увеличить зону нажатия и развести элементы.
Чем карта кликов отличается от карты скроллинга и Вебвизора
Карта скроллинга показывает, до какого места страницы дочитывают и долистывают. Карта кликов показывает, куда нажимают. Это разные вопросы: страницу могут дочитать до конца, но не нажать ни одной кнопки, и наоборот.
Вебвизор — это запись действий конкретного посетителя: движение курсора, клики, заполнение полей. Карта кликов собирает эти действия со всех посетителей и показывает общую картину. Вебвизор отвечает на вопрос «почему именно этот человек ушёл», карта кликов — «где на странице люди чаще всего спотыкаются».
Как читать карту кликов
Сначала выберите один тип страницы и один источник трафика. Если смешать посетителей из поиска и из рекламы, карта покажет среднюю температуру: у этих групп разные вопросы и разное поведение. Затем сравните карту с замыслом: какие элементы должны собирать клики, а какие нет.
Дальше ищите расхождения. Яркое пятно на декоративном элементе — повод сделать его кликабельным или убрать с него внимание. Холодная зона вокруг главной кнопки — повод проверить её контраст, размер и текст. Мёртвые клики в одном месте — повод добавить ссылку или убрать иллюзию кнопки.
Карта кликов не заменяет проверку заявок. Она показывает, где нажимают, но не говорит, сколько из этих нажатий превратилось в звонок или заказ. Связка карты кликов с целями в аналитике и с CRM даёт ответ, какие изменения в дизайне действительно повлияли на продажи.
Частые вопросы
Карта кликов и тепловая карта — это одно и то же?
Тепловая карта — общее название визуальных отчётов, где цветом показана интенсивность действий. Карта кликов — один из видов тепловой карты, только про нажатия. Бывают ещё карты скроллинга, карты движений мыши и карты внимания.
В каких сервисах есть карта кликов?
Карту кликов строят Яндекс Метрика (отчёт «Карта кликов» и Вебвизор), Microsoft Clarity, Contentsquare и другие сервисы веб-аналитики. В Google Analytics 4 готовой карты кликов нет: отчёты о кликах там собирают в «Исследованиях» или выгружают в BigQuery и строят визуализацию отдельно.
Можно ли построить карту кликов по рекламной кампании?
Да, если в счётчике аналитики настроены сегменты по источнику трафика, рекламной кампании или UTM-меткам. Тогда карта кликов покажет поведение только тех посетителей, которые пришли из выбранной кампании, и его можно сравнить с поведением органического трафика.
Показывает ли карта кликов, почему люди не оставляют заявку?
Карта кликов показывает, куда нажимают и куда не нажимают. Она может подсказать, что кнопка плохо видна или что люди принимают за кнопку другой элемент. Но причину отказа она не объясняет: для этого нужны записи визитов, опросы и анализ воронки в CRM.
Как часто нужно смотреть карту кликов?
После каждого изменения дизайна или текста на странице, а также при падении конверсии. Если страница стабильна, достаточно проверять карту кликов раз в месяц или при запуске нового рекламного канала, чтобы не пропустить накопившиеся ошибки.
Читать в журнале
Когда карта кликов показала, что люди не находят кнопку
Проверить рекламу и сайт целиком, а не одну страницу
Карта кликов отвечает на вопрос, куда нажимают на странице. Но заявок может не быть и по другой причине: реклама приводит не тех людей, на сайте нет ответа на вопрос покупателя, форма заявки слишком длинная. Тогда правка одной кнопки не спасёт.
Я проверяю рекламу и продвижение со стороны: выгружаю кабинеты, сверяю с продажами в CRM и считаю каждую потерю в рублях. Вы получаете список потерь с доказательствами и порядок, что исправлять первым.