ВозможностиКарты кликов и скролла

Видите где кликают и куда доходят

Карты кликов и скролла показывают агрегированную картину поведения на странице — без просмотра тысяч сессий вручную. Один взгляд — и понятно что привлекает внимание, что игнорируют и до куда доходит большинство пользователей.

Карта кликов и карта скролла — разные вопросы, разные ответы

Карта кликов

Где кликают пользователи

Тепловая карта показывает распределение кликов по странице. Видите какие элементы привлекают больше всего внимания, куда кликают по ошибке — на некликабельные элементы, и что полностью игнорируется. Горячие зоны — красные, холодные — синие.

  • Самые кликаемые элементы страницы
  • Клики по некликабельным зонам — сигнал проблемы дизайна
  • Распределение внимания между элементами
Карта скролла

Как далеко доходят пользователи

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

  • Процент пользователей на каждой высоте страницы
  • Точка где уходит большинство
  • Насколько важный контент находится в зоне видимости
Как это работает

Три вопроса на которые отвечают карты

Почему CTA не конвертирует

Карта скролла показывает что 60% пользователей не доходят до кнопки — они уходят раньше. Карта кликов показывает что те кто доходит — кликают на изображение рядом с кнопкой а не на саму кнопку. Два инсайта за один взгляд — и понятно что переделывать. Поднять CTA выше и сделать его более заметным. Никакого A/B тестирования вслепую — данные уже есть.

Карта скролла + карта кликов = полная картина почему лендинг не конвертирует

Что ищут пользователи в меню

Карта кликов на странице с навигацией показывает какие разделы меню кликают чаще всего — и какие игнорируют. Если пользователи активно кликают на элемент который не является ссылкой — это dead click, сигнал что они ожидают там что-то найти. Перестраиваете навигацию на основе реального поведения а не предположений об архитектуре сайта.

Клики по некликабельным элементам в навигации — прямой сигнал что пользователи ищут то чего не могут найти

До какого блока доходят на лонгриде

Карта скролла на длинной странице — статье, лендинге с несколькими секциями, странице продукта — показывает где теряется аудитория. Если 80% уходят после третьего блока — четвёртый и пятый видит только каждый пятый. Важный контент и CTA должны быть выше. Перестраиваете структуру страницы осознанно.

Карта скролла показывает реальную зону видимости — не предполагаемую

Интерпретация за секунды

Карта кликов — четыре зоны

Красный — максимальная концентрация кликов
Оранжевый — высокая активность
Жёлтый — средняя активность
Синий — низкая активность, холодные зоны

Карта скролла — что означают цифры

100%Все пользователи видели этот блок
50%Половина дошла до этой точки
10%Только каждый десятый видел этот контент
100% видели50% видели0% видели

Карта показывает что — сессия объясняет почему

Карта кликов — это агрегированная картина. Она показывает паттерн. Но чтобы понять причину — нужно посмотреть конкретную сессию. Видите аномальную концентрацию кликов на некликабельном элементе? Один клик — и открываете список сессий где это произошло. Смотрите запись и сразу понимаете что именно пользователи ожидали там найти.

Карта показывает где проблема. Сессия объясняет почему она возникла

Смотрите карты для нужного сегмента

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

Мобильные vs десктоп

Разные зоны кликов, разная глубина скролла. Дизайн который работает на десктопе может проваливаться на мобильных.

Новые vs вернувшиеся

Разные паттерны навигации. Новые пользователи изучают, вернувшиеся идут целенаправленно. Разные UX-задачи.

По источнику трафика

Органика vs реклама ведут себя по-разному. Видите для какого источника лендинг работает лучше.

Посмотрите где кликают ваши пользователи

Установите скрипт — и карты начнут формироваться автоматически. Никакой настройки, никакой разметки. Просто данные.