Анализ тепловых карт кликов на сайте
Тепловая карта кликов (Click Heatmap) визуализирует, по каким элементам страницы кликают пользователи. Холодные зоны (синие) — редкие клики, горячие (красные) — частые. Позволяет понять, что привлекает внимание и вызывает взаимодействие.
Что показывает click heatmap
- Кликают ли по CTA-кнопкам или по декоративным элементам
- Какие ссылки в навигации используются
- Кликают ли по некликабельным элементам (potential dead clicks)
- Как распределяется внимание между блоками страницы
Инструменты
Microsoft Clarity — бесплатно, автоматически. Hotjar, Crazy Egg, VWO — платные, более детальные фильтры.
Установка и настройка
// Microsoft Clarity (установка выше)
// Тегировать страницы для сегментации карт
clarity("set", "page_template", "product_page")
clarity("set", "user_segment", "new_visitor")
// Hotjar: фиксировать события на кнопках
hj('event', 'cta_clicked')
Интерпретация данных
Кликают по некликабельному тексту: пользователи ожидают, что элемент кликабелен. Добавить ссылку или убрать имитацию кликабельности (underline у нессылок).
CTA-кнопка в холодной зоне: возможно, не видна без скролла или визуально не выделяется. Проверить по scroll map, видна ли кнопка в первом экране.
Клики по изображениям: особенно на мобильных пользователи ожидают zoom или переход. Добавить соответствующую функцию.
Навигационные паттерны: какие пункты меню используются чаще — это приоритетные разделы.
Сегментация карт
Фильтры для анализа:
- Устройство: desktop vs mobile vs tablet (поведение кардинально отличается)
- Источник: organic vs paid vs email (разные намерения)
- Новые vs вернувшиеся пользователи
- Конвертировавшие vs не конвертировавшиеся
Самый ценный паттерн: сравнить click heatmap для конвертировавших и не конвертировавших. Разница показывает, какие элементы ведут к конверсии.
Срок выполнения
Установка инструмента, сбор данных (минимум 500 посетителей), анализ и рекомендации — 3–5 рабочих дней.