Карта кликов в Яндекс Метрике показывает, на какие элементы приходятся нажатия, в том числе на элементы без ссылки. Она помогает найти место для проверки: например, плашку, которая выглядит кнопкой, но ничего не открывает. Цветное пятно ещё не доказывает неисправность сайта или потерю заявки.
Начните с одной страницы услуги и одного вопроса: «Что должно происходить после нажатия на этот элемент?» Ниже — порядок по документации Яндекса и рекомендации для приёмки работы подрядчика. Ваш сайт и счётчик здесь не тестировались.
Подключите карту и выберите условия
По справке карты кликов, откройте Настройки → Счётчик, включите Вебвизор, карта скроллинга, аналитика форм, сохраните изменения и установите обновлённый код на страницах сайта. Если кодом занимается подрядчик, попросите его подтвердить установку именно на нужной странице. Для изменения настройки потребуется соответствующий доступ к счётчику.
Затем перейдите в Поведение → Карта кликов. Выберите точный адрес страницы и период. Запишите выбранные условия, включая сегмент — отбор посещений по нужному признаку — и режим учёта роботов. Эти элементы интерфейса описаны в курсе Яндекса о картах.
Для первого разбора не объединяйте разные страницы по шаблону адреса. В таком отчёте карта отображается на наиболее популярной странице группы, а числовые показатели относятся ко всей группе. Легко принять общую цифру за результат одной страницы.
Карта требует установленного счётчика и кодировки UTF-8. Даже при правильном подключении она не является полным журналом всех действий: справка указывает ограничение в 100 000 событий независимо от семплирования — расчёта отчёта по части данных.
Разберите нажатия по одному элементу
В тепловом режиме частые клики отмечены тёплыми цветами, редкие — холодными. Смотрите также общее число кликов и долю кликов по элементам в видимой области. Карта агрегирует данные, а не показывает запись действия одного человека. Клик — это событие, а не человек и не обращение: повторные действия одного человека не означают нескольких клиентов.
Особенно полезно проверить элементы, которые выглядят интерактивными. Условный пример: на странице установки ворот есть плашка «Рассчитать стоимость», но плашка не ведёт к форме. На карте возле неё видны нажатия. Это вымышленная ситуация для объяснения, не случай клиента Easy Box.
Проверьте такую находку по порядку:
- Найдите элемент на самом сайте. Уточните, менялся ли его вид или назначение за выбранный период.
- Нажмите на него на телефоне и компьютере. Запишите, что произошло: открылась форма, начался переход или видимой реакции нет.
- Согласуйте ожидаемое действие. Возможно, плашке нужен переход к расчёту; возможно, нужно изменить оформление, чтобы она не выглядела кнопкой.
- Передайте подрядчику найденное расхождение. Если на сайте всё работает, сохраните наблюдение как гипотезу и попросите проверить условия отображения карты.
Не поручайте делать ссылкой любой участок с кликами. Нажатие на фотографию само по себе не доказывает, что посетителю нужна галерея. Для разбора последовательности действий можно дополнительно посмотреть записи Вебвизора. Если вопрос в том, видят ли посетители область с формой, пригодится карта скроллинга.
Карта кликов показывает нажатия по элементам, включая нессылочные. Карта ссылок показывает переходы по ссылкам и их долю относительно других ссылок страницы. По справке, ссылки с редиректом в ней не подсвечиваются. Отсутствие подсветки ещё не доказывает, что ссылка сломана: откройте её на сайте и проверьте результат отдельно.
Если карта пустая или не открывается
Сначала сверьте счётчик, адрес, даты и выбранные условия. Не делайте вывод «никто не нажимает» по одной пустой карте.
В документации есть несколько причин для проверки специалистом: карта может отключиться после 6 месяцев без просмотра; защита от открытия сайта внутри другой страницы — iframe — мешает отображению собранных данных; операция Заменять https на http в фильтрах может вызвать сообщение «Нет данных».
Передайте точный адрес, текст ошибки и ссылку на справку. Попросите установить причину и согласовать точечное исправление. Снимать всю защиту сайта или менять все фильтры ради появления картинки не нужно.
Как принять исправление
В задании подрядчику укажите страницу, период карты, выбранные условия, элемент, результат ручной проверки и ожидаемое поведение. Например: «Плашка “Рассчитать стоимость” выглядит кнопкой. При нажатии на телефоне ничего не происходит. Нужно согласовать переход к форме либо изменить оформление». Это продолжение условного примера, а не готовый диагноз вашему сайту.
После правки повторите исходное действие на телефоне и компьютере. Если открывается форма, проверьте доступность полей. Доставка обращения менеджеру — отдельная проверка, которую нужно заранее согласовать и пометить как тест.
Запишите дату изменения. Новые данные карты помогут снова посмотреть на этот элемент при сопоставимых условиях, но рост заявок нельзя обещать по факту исправленной кнопки. Результат приёмки здесь конкретный: согласованное действие работает, а непроверенные части названы отдельно.