Docs
  1. Документация
  2. Виджет

Карта кликов: куда кликают и до куда листают

Обновлено:

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

Раздел — Маркетинг → Карта кликов в CRM, тариф Pro. В нём два режима:

  • Клики — тепловая карта: чем больше кликов по месту, тем краснее пятно. Рядом — список самых кликаемых элементов.
  • Прокрутка — страница окрашена по тому, какая доля просмотров дошла до этой высоты, с линиями «сюда долистали 75%, 50%, 25%, 10%».

Как включить

  1. Поставьте скрипт виджета на сайт

    Тот же один тег, что для статистики и заявок, — быстрый старт. Если он уже стоит, ничего добавлять не нужно.
  2. Включите сбор на странице карты

    Маркетинг → Карта кликов, переключатель «Сбор кликов» вверху страницы. Сбор выключен по умолчанию: клики на живом сайте — это много данных, и копить их стоит только там, где карту будут смотреть.
  3. Подождите первых посетителей

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

Что собирается, а что — нет

По каждому клику виджет отправляет:

  • элемент, по которому кликнули, — короткий CSS-путь вроде #top>div:nth-of-type(1)>button:nth-of-type(1);
  • место внутри элемента — доли его ширины и высоты, чтобы точка легла на ту же часть кнопки на любом экране;
  • запасную точку на странице — на случай, если элемента в нынешней вёрстке уже нет;
  • ширину окна — по ней клик относится к телефону (уже 768 px), планшету (768–1023 px) или компьютеру;
  • «клик мимо» — пришёлся ли он на ссылку или кнопку, или на картинку, текст и пустое место.

По каждому просмотру страницы — до скольких процентов её высоты человек долистал.

Не собирается никогда: текст элементов, то, что вводят в поля, нажатия клавиш и движения мыши. По клику в поле ввода на карту попадает только само поле, а не то, что в нём написано. Клики по нашему же чату и окну входа на карту не попадают.

Как смотреть карту

CRM открывает страницу вашего сайта в рамке во всю ширину — так же, как Live, — и виджет рисует поверх неё пятна или полосы прокрутки. Над рамкой:

  • Клики или прокрутка — режим карты.
  • Устройство — компьютер, планшет или телефон. Рамка принимает ширину устройства, и клики ложатся на ту вёрстку, в которой их сделали.
  • Страница — список страниц с кликами за период, самые кликаемые сверху. Путь можно и набрать.
  • Период — 7, 30, 90 дней или свой.
  • Кнопки перезагрузить страницу в рамке и открыть её на сайте в новой вкладке.

Под ними — строка с цифрами выбранной страницы. В режиме кликов: сколько кликов, сколько посетителей кликали и какая доля кликов пришлась мимо ссылок. В режиме прокрутки: сколько просмотров, средняя глубина и сколько просмотров дошли до 25, 50, 75 и 100% страницы.

Кнопка «Куда кликают» в той же строке открывает поверх рамки список самых кликаемых элементов. Подписи берутся с самой страницы — текст кнопки, подпись картинки, — а не из данных посетителей. Нажмите строку — элемент прокрутится в центр и подсветится. Переход по ссылке внутри рамки открывает карту той страницы, куда вы ушли.

Клики мимо ссылок

Доля «Мимо ссылок» и метка «не ссылка» в списке — самые полезные подсказки карты. Это клики по картинке товара, заголовку, цене: человек ждал, что по ним можно перейти, а ничего не произошло. Часто это прямой список правок — сделать картинку ссылкой на товар, превратить заголовок карточки в кнопку.

Прокрутка

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

Кто видит карту и кто включает сбор

  • Владелец сайта — всё: смотрит карту и включает или выключает сбор.
  • Менеджеры — по праву на раздел «Маркетинг · Карта кликов» в Менеджерах: «Просмотр» — открыть карту, но не трогать переключатель; «Правка» — ещё и включать или выключать сбор. Без права раздела в меню нет.
  • Каждое включение и выключение сбора записывается в Журнал сайта: кто и когда.

Карта кликов есть только в тарифе Pro. Если тариф сменился на тот, где её нет, или CRM закрылась после окончания оплаченного периода, сбор останавливается сам — даже при включённом переключателе новые клики не записываются. Собранное остаётся до конца своего срока хранения и снова видно, когда раздел вернётся.

Что нужно от сайта

  • Скрипт виджета на страницах, которые вы хотите видеть на карте.
  • Разрешение открывать сайт во фрейме CRM — то же, что для Live: заголовки X-Frame-Options и frame-ancestors. Без него клики всё равно собираются, но наложить их на страницу CRM не сможет.
  • Разметка data-crm-* и Content API для карты не нужны.

Почему точки иногда сдвигаются

Клик привязан к элементу, поэтому карта переживает разную ширину экрана и мелкие правки текста. Но если вёрстку перестроили — блок переехал, кнопок стало больше, — часть кликов своих элементов не найдёт. Такие клики рисуются по запасной точке, а над рамкой появляется предупреждение, какая их доля «уехала».

Сайты на React, Vue и Next

Переходы внутри одностраничного приложения виджет видит сам (как и просмотры): прокрутка предыдущей страницы отправляется, у новой начинается своя. Строка запроса на страницу не влияет — /pricing?plan=pro и /pricing на карте одна страница.

Ограничения

  • Срок хранения — 90 дней, после этого клики и прокрутка удаляются.
  • Точки на карте — до 4000 разных мест на странице за период: клики в одно и то же место складываются в одну точку с весом, поэтому на живом сайте этого хватает с запасом.
  • Список «Куда кликают» — 40 самых кликаемых элементов, список страниц — 200 самых кликаемых.
  • Клики внутри CRM не считаются: ни в рамке карты, ни в Live — это ваша работа, а не посетители. Ваши собственные клики на открытом сайте считаются, как у любого посетителя.
  • Клики, как и вся статистика, приходят из браузеров посетителей. Роботов по признакам браузера отсеиваем, а поток запросов с одного адреса ограничен, но отличить подделку от живого человека наверняка нельзя ни здесь, ни в любой другой веб-аналитике.

Если карта пустая

Клики не появляются

  • Переключатель «Сбор кликов» вверху страницы должен быть включён. Клики до включения не собирались — показать их нечем.
  • Прошло меньше десяти минут после включения — виджет ещё не узнал об этом. Обновите страницу сайта позже.
  • Режим согласия. Если на сайте включён режим согласия, клики идут только от тех, кто согласился.
  • Выбран не тот период или устройство. Проверьте, например, «Телефон» — на компьютере по этой странице могли ещё не кликать.
  • Скрипта нет на этой странице — на сайтах со своими шаблонами под разные разделы его легко пропустить.

Рамка пустая или «Карта не открылась»

  • Сайт запрещает встраивание — CRM покажет, какой заголовок мешает. Разрешите встраивание в CRM.
  • «Карта не открылась» — страница загрузилась, но слой карты не ответил: на открытой странице нет скрипта виджета, или браузер держит старую копию страницы. Нажмите «Попробовать снова» или кнопку перезагрузки над рамкой.