ООО «Ивент Хаб» · Москва · работаем по всей России
Пн—Пт, 10:00—19:00hello@gusi-lebedi.comРеквизиты
Практическое руководство

Карты кликов и скроллинга в Яндекс Метрике: от наблюдений к изменениям сайта

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

Карты кликов и скроллинга: разные наблюдения о странице

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

В Гуси-Лебеди предлагаем использовать карты Яндекс Метрики как способ найти вопросы к странице. Затем проверить их на самом сайте, в записях Вебвизора и в данных о целевых действиях. Разберём это на условной странице услуги: посетитель должен разобраться в предложении и отправить заявку. Это учебный сценарий, а не история проекта с измеренными результатами.

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

Что проверить перед открытием карт Метрики

Выбор периода, устройств и версии страницы перед анализом карты

Нужны правильный счётчик и страница, на которой он установлен. В актуальной справке Яндекса о карте кликов путь подключения описан через «Настройки → Счётчик»: включить «Вебвизор, карта скроллинга, аналитика форм», сохранить настройку и установить обновлённый код на страницы. На действующем сайте сначала выясните способ установки: через CMS, шаблон или менеджер тегов. Не добавляйте второй экземпляр поверх первого.

Дальше откройте нужную карту в разделе поведения и выберите адрес страницы. Проверьте период и доступные условия выборки. Если сайт недавно изменился, сохраните дату изменения: старая статистика поверх новой компоновки может ввести в заблуждение. Сравнивать мобильную страницу с широким экраном полезно отдельно, а не считать их одинаковыми сценариями.

До просмотра полезно записать небольшую карточку исследования:

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

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

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

Если цель «заявка» срабатывает при открытии формы, то карта и отчёт целей могут вместе создавать впечатление результата, которого нет. Нужна отдельная проверка фактической отправки и получения обращения. Подготовку таких связей рассматриваем при настройке веб-аналитики для сайта.

Как читать карту кликов: кнопки, картинки и повторные нажатия

Клики по кнопке и изображению как повод проверить интерфейс

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

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

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

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

Не требуйте кликов от каждого полезного элемента. Текст с ценой может просто отвечать на вопрос. Заголовок может помогать ориентироваться. Отсутствие нажатий по информационному абзацу не делает его «мёртвой зоной», которую нужно удалить.

Карта ссылок показывает переходы и их долю относительно других ссылок страницы. У неё есть свои ограничения, в том числе отображение ссылок через редирект. Если ссылка не подсвечена, проверьте её устройство и справку о карте ссылок. Не приравнивайте отсутствие подсветки к отсутствию всех переходов.

Изменения лучше формулировать конкретно: «Добавить явное увеличение фотографии и проверить открытие», «Показать состояние отправки формы и исключить повторную операцию». Задача «Сделать красное пятно ещё краснее» ничего не говорит о пользе для посетителя.

Что показывает карта скроллинга и чего она не доказывает

Просмотры участков страницы и время в карте скроллинга

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

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

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

Положение блока зависит от высоты экрана и компоновки. На телефоне длинная фотография может занять несколько экранов, а на компьютере текст и изображение стоят рядом. Если блок почти не просматривается в одной версии, проверьте именно её. Не распространяйте вывод о мобильном сценарии на весь сайт без основания.

Для сравнения карт нужен доступный общий период. Сейчас справка указывает хранение данных карты скроллинга 15 дней, включая текущий, тогда как карту кликов можно построить за год или меньший период. Поэтому годовую картину кликов нельзя напрямую сопоставить с короткой историей скроллинга и назвать различие изменением поведения.

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

Для карты кликов справка также отмечает семплирование и предел событий. Если нужен точный количественный вывод, сверяйтесь с ограничениями отчёта, а не измеряйте размеры цветных пятен на глаз. Метрика описывает выборку отдельно в материале о семплировании. Цветовая карта помогает увидеть направление исследования, а числовой отчёт помогает проверить величины.

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

Переход от наблюдения к гипотезе и проверке изменения

Хороший результат разбора выглядит как задача с доказательством и способом проверки. Для условной страницы услуги это может быть: «На изображение нажимают; сейчас оно не открывается; проверяем гипотезу об ожидании увеличения; добавляем понятный просмотр». Здесь отдельно записаны наблюдение, фактическое поведение и предлагаемое действие.

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

Если ошибки нет, а вы хотите поднять блок или сократить текст, задайте гипотезу и показатель заранее. Для проверки роста обращений недостаточно смотреть только клики. Нужны полученные заявки, их качество и сопоставимые условия наблюдения. Простое «после стало больше» может совпасть с запуском рекламы или сменой аудитории.

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

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

В Гуси-Лебеди предлагаем начинать с одного понятного препятствия для посетителя. После проверки перейти к следующему. Такой разбор помогает подготовить обоснованные задачи для редизайна, сохранив то, что уже работает, и связывая каждое изменение с конкретным сценарием.

Начать проект

Обсудим вашу задачу

Ответим в течение рабочего дня. Можно без технического задания — достаточно цели и вводных.

Заполнить короткий бриф ↗
Навигация по экспертизе

Ещё направления для вашего проекта

Все 86 услуг →