Тепловая карта в Яндекс Метрике: куда кликают и что пропускают

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

Виды карт в Метрике

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

Для работы карт при создании счётчика должен быть включён вебвизор и связанные с ним опции.

Карта кликов: что искать

Клики по некликабельным элементам. Если люди нажимают на картинку, заголовок или иконку, ожидая перехода, — это подсказка: сделайте элемент ссылкой или кнопкой.

Важная кнопка без кликов. Если на кнопку «Оставить заявку» почти не нажимают, она может быть незаметной, неубедительной или находиться не там.

Клики по меню. Какие разделы ищут чаще всего. Если популярный пункт спрятан во вложенном меню, его стоит вынести.

Карта скроллинга: что искать

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

Также видно, где посетители задерживаются. Блок, на котором люди останавливаются надолго, вызывает интерес — или непонимание.

Мобильные и компьютеры отдельно

Смотрите карты отдельно для разных устройств. Страница на телефоне выглядит иначе: блоки идут друг под другом, и путь до формы длиннее. Проблемы мобильной версии часто видны только на мобильной карте.

Какие страницы анализировать

• Главная
• Страницы основных услуг и категорий
• Посадочные страницы рекламы
• Страницы с большим трафиком и низкой конверсией
• Корзина и оформление заказа

Нет смысла смотреть карты страниц с малым числом визитов: случайные клики дадут ложную картину.

Как превращать наблюдения в изменения

1. Сформулируйте вывод: «на мобильных до формы доходит малая часть посетителей».
2. Предложите изменение: «добавить кнопку заявки в первый экран и закреплённую кнопку звонка».
3. Внедрите и отметьте дату.
4. Через несколько недель сравните карты и конверсию до и после.

Пример вывода по карте

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

Вебвизор как дополнение

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

Ограничения

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