Карта кликов

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

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

Вы можете использовать несколько режимов отображения карты:

• «Тепловая карта» — теплые цвета соответствуют частым кликам, холодные — редким.

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

• «Карта элементов» — на карте отображаются все элементы страницы сайта.

1. В Яндекс Метрике перейдите в раздел Настройки → Счетчик.
2. Включите опцию Вебвизор, карта скроллинга, аналитика форм.
3. Сохраните изменения.
4. Установите обновленный код счетчика на все страницы сайта.

Для просмотра статистики по группе страниц можно использовать дополнительные символы в поле для ввода URL.

Рассмотрим пример. Необходимо получить статистику по страницам, входящим в каталог https://example.com/goods/. Чтобы данные отобразились на карте, введем в поле адрес https://example.com/goods/* (после ввода этот же адрес отобразится в выпадающей подсказке). Данные загрузятся автоматически.

Карта будет отображена на наиболее популярной странице сайта, URL которой соответствует указанному условию. Числовые показатели (количество просмотров, кликов, доля видимых кликов) будут являться объединенными для всех страниц, соответствующих условию.

Если ваш сайт защищен от показа в iframe (то есть в настройках сервера используется заголовок X-Frame-Options), то собранные данные будут недоступны для просмотра. Чтобы просмотреть данные о посещении сайта, необходимо добавить в настройки сервера с помощью регулярного выражения исключения для доменов:

• вашего сайта;
• metrika.yandex.ru;
• metrika.yandex.by;
• metrica.yandex.com;
• metrica.yandex.com.tr;
• webvisor.com и его поддоменов.

^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/

Если вы используете nginx, добавьте следующие исключения в конфигурацию:

location / {
        set $frame_options '';
        if ($http_referer !~ '^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/'){
            set $frame_options 'SAMEORIGIN';
        }
        add_header X-Frame-Options $frame_options;
        ...
    }

где yourdomain\.com — имя домена вашего сайта. Используйте доменную зону вашего сайта (может отличаться от .com).

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

Страница Карт кликов, ссылок или скроллинга бесконечно загружается

В Safari 12 и выше страница Карт кликов, ссылок или скроллинга может бесконечно загружаться из-за опции в настройках браузера.

1. Перейдите на вкладку Конфиденциальность и отключите опцию Мешать перекрестному отслеживанию.
2. Перезапустите браузер и откройте карты снова.

При запросе в карте появляется уведомление «Нет данных»

Это может происходить, если в настройках счетчика на вкладке Фильтры включена операция Заменять https на http. В этом случае на карте все URL с протоколами HTTP, а сам сайт с HTTPS-протоколом.

Чтобы данные начали отображаться, отключите операцию:

 Написать в чат