Карта скроллинга.

28.05.2019

Недавно столкнулся с проблемой: на карте скроллинга перестали отображаться данные. При попытке их загрузки выводилось сообщение «Нет данных». При этом вебвизор продолжал записывать визиты. Их можно было посмотреть в Метрике. В статье расскажу, почему возникла проблема и как вернуть данные на карту.

1. Проверьте настройки счетчика Метрики

В настройках счетчика есть вкладка «Вебвизор». Вот так она выглядит:

Если на сайте установлен старый код счетчика, то при активации параметра «Вебвизор 2.0» карта скроллинга перестанет работать, а вместо информации в Яндекс.Метрике будет выводиться уведомление «Нет данных».

Чтобы решить проблему, деактивируйте вебвизор 2.0, как показано на скриншоте выше и задайте настройки старого вебвизора (каким образом записывать визиты пользователей и т.д.). Далее нажмите на кнопку «Сохранить», чтобы изменения вступили в силу. Через некоторое время карта скроллинга в Яндекс.Метрике заработает снова и на ней появится информация.

2. Если вы хотите использовать Вебвизор 2.0, то придется обновить код счетчика

Новый вебвизор корректно работает только с новым кодом счетчика, который потребуется установить на сайт взамен старому. Если вы хотите использовать Вебвизор 2.0, то зайдите в Метрику и проверьте, что на вашем сайте установлен новый код счетчика. Если код старый, то замените его.

3. Другие причины, по которым может не работать карта скроллинга в Метрике

Среди причин, по которым может не работать карта скроллинга, можно выделить следующие:

  1. В настройках счетчика не подключен Вебвизор. Проверьте настройки и включите опцию «Вебвизор, карта скроллинга, аналитика форм». Находится на вкладке «Счетчик» в настройках Метрики (см. скриншот в начале статьи). После активации вебвизора потребуется заменить код счетчика на сайте, чтобы вебвизор начал записывать визиты.
  2. На страницу не было визитов, поэтому данные не выводятся. Попробуйте изменить период, за который выводится информация на карте скроллинга (максимальный период – это неделя).
  3. Ваш сайт защищен от просмотра в iframe. В этом случае данные не будут выводиться. Решение проблемы описано в помощи Метрики.

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

Анализируем поведение пользователей на сайте с инструментами карты кликов от Яндекс Метрика. Аналитика юзабилити, популярности веб-страниц и источников трафика.

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

Яндекс метрика дает вебмастеру всю собранную статистику по поведению пользователя по следующим картам: карта путей по сайту, ссылок, кликов и скроллинга. Также увидеть, как себя ведут на сайте ваши посетители можно с помощью инструментов: вебвизор и аналитика форм.

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

Карта ссылок в Яндекс метрике

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

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

Тепловая карта кликов яндекс метрики

Карту кликов Яндекс Метрики используют для выбора оптимального места для рекламы. При анализе юзабилити сайта она тоже используется. Можно обнаружить неработающие элементы сайта. Например, кликов много, а конверсия нулевая может означать на сайте нерабочую форму для заполнения данных. Также обнаружить, где посетитель запутался, приняв некликабельный элемент за ссылку.

Отсюда логично будет не делать кликабельными заголовки. Тем более, что заголовок находится в теге

или

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

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

По этой карте будет видно, как далеко вниз посетитель прокручивает веб-страницу. При анализе сайта нам нужно обратить внимание на число просмотров, время нахождения в данной области страницы и на то, каким образом распределяется теплота цвета. Чем краснее, тем лучше; чем синее, тем хуже.

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

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

Пример скроллинга в верхней части блога (первый экран) от ярко-красного цвета до ярко-оранжевого:

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

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

Верх веб-страницы красный:

Ближе к низу веб-страницы зеленый цвет:

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

Настройка тепловой карты яндекса

Для того, чтобы собиралась статистика карты кликов, нужно на вкладке «Код счетчика» выбрать галку «Карта кликов». По умолчанию она включена.

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

О том, как добавить карты ссылок, кликов, скроллинга в разные браузеры, можно прочитать в помощи яндекс метрики: help.yandex.ru/metrika/qanda/reports-qanda.xml

Карта путей яндекс метрики

Ее масштаб можно настроить ползунком в сторону минуса или плюса.

Сколько данных вы хотите увидеть, т.е. масштабность охвата - ползунком «детализация». Соответственно, ненужные галки можно убрать.

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

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

Схема работы с отчетом карты путей по сайту.

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

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

Для этих же целей служит технология «Вебвизор» и «Аналитика форм». Как их настраивать и пользоваться рассмотрим в следующий раз.

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

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

Карты скроллинга (тепловые карты)

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

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

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

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

Обратите внимание! Статистика карт скроллинга хранится в течение 15 дней. Если на странице не установлен счётчик Яндекс.Метрики с заданными атрибутами, статистика собираться не будет.

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

Карты ссылок

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

Чтобы посмотреть карту ссылок, следует в меню счётчика кликнуть по пунктам «Карты» - «Карта ссылок».

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

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

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

Обратите внимание! Инструмент собирает данные со страниц, на которых . В отчёте не учитываются редиректы - как внутренние, так и ведущие на другие сайты. Для сбора таких сведений необходимо прописать в коде счётчика параметр trackLinks. «Карта ссылок» при формировании отчёта исключает элементы «www», части ссылок после #, поэтому результаты могут отличаться.

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

Увеличение конверсии с помощью «Карт» Яндекс.Метрики

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

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

Яндекс Метрика обладает целым рядом инструментов, которые позволяют повысить юзабилити, выявить слабые места и проанализировать данные в поведении пользователей на веб-ресурсе. Этими инструментами являются отчеты из группы «Карты», а именно Карта скроллинга, Карта кликов, Карта ссылок и Карта путей по сайту. Подробнее о каждой из них ниже.

Для того, чтобы просматривать отчеты из группы «Карт», необходимо наличие установленного счетчика от Яндекса. Те, у кого он стоит, могут пропустить этот абзац, а тем, у кого он отсутствует, советую прочитать статью « «, которая содержит пошаговую инструкцию для новичков.

Карта скроллинга от Яндекс Метрики

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

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

Если перед вами стоит вопрос о том, прокручивают ли пользователи страницы на вашем сайте до конца и как часто это делают, то включаем карту скроллинга через Яндекс Метрику или используем букмарклет и обращаем внимание на такие детали, как:
1. Количество просмотров;
2. Среднее время скроллинга;
3. Распределение «Тепла» на странице.

Обратите внимание: на данный момент карта скроллинга не поддерживает кириллические Url’ы.

Карта путей по сайту от Яндекс Метрики

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

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

Но при этом её хорошо использовать для анализа общего вектора перемещений пользователей на сайте за неделю и более. Иными словами для агрегирования большого массива статистики. Взаимодействие с картой путей выстраивается следующим образом:

1. Переходим в отчет и выбираем нужный период;
2. Устанавливаем максимальную детализацию и количество путей;
3. Запускаем полноэкранный режим;
4. Анализируем статистику по графам для ключевых страниц.

Карта кликов или Тепловая карта сайта от Яндекса

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

Карта кликов доступна только при наличии параметра clickmap: true в установленном на сайте коде счетчика. Вызвать её можно также через букмарклет. Для этого необходимо нажать на панели инструментов в отчете кнопку <Быстрый способ> и перетащить ссылку на панель закладок.

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

1. Тепловая карта кликов – стандартный вариант отображения распределения кликов;
2. Клик по ссылкам, кнопкам и полю – позволяет моментально выявить «псевдоклибальные» элементы на сайте, которые ставят посетителей в тупик;
3. Карта прозрачности – позволяет узнать распределение кликов по страницам сайта изнутри;
4. Карта элементов – позволяет выявить элементы на сайте, оставшиеся без внимания пользователей.

Карта ссылок от Яндекс Метрики

Этот отчет позволяет выявить данные по количеству взаимодействий пользователей с натуральными ссылками на сайте. Натуральных, потому что редиректные и javasсript ссылки не поддерживаются по умолчанию.

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

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

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

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

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

  • «Тепловая карта» - изменение времени просмотра страницы выделено зонами разного цвета.
  • «Карта прозрачности» - области страницы, которые пользователь просматривал меньшее время затемнены, области, которые просматривались большее время - более прозрачные.

Минимум - минимальное время просмотра от общего времени Загрузка страницы сайта при переходе посетителя на нее. К просмотрам также относятся перезагрузка страницы, обновление AJAX-сайтов, отправка данных с помощью метода hit .

"}}\">просмотров выбранной страницы.

Максимум - максимальное время просмотра от общего количества просмотров выбранной страницы.

Примечание.

Статистика по группе страниц

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

Символ Описание Пример
*
~ регулярному выражению
Символы, используемые при отображении статистики
Символ Описание Пример
* Соответствует любому количеству любых символов

Отобразить данные по всем страницам, URL которых начинается с https://example.com/goods/, включая указанную страницу: https://example.com/goods/* .

Если ввести в поле адрес без символов, Метрика предложит вам в выпадающей подсказке строку с символом *

~ Условие является регулярным выражением Отобразить данные по страницам, URL которых удовлетворяет регулярному выражению . Например, ~http://example.com/.*

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

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

Показ данных в iframe

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

^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com|webvisor\\.com)\\/

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

Location / {\n set $frame_options "";\n if ($http_referer !~ "^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com|webvisor\\.com)\\/"){\n set $frame_options "SAMEORIGIN";\n }\n add_header X-Frame-Options $frame_options;\n ...\n }

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

Ограничение размера страниц

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

Браузер Максимальная высота/ширина страницы (в пикселах) Максимальное количество пикселей
Mozilla Firefox 32 767 472 907 776 (22 528 x 20 992)
Chrome 32 767 268 435 456 (16 384 x 16 384)
Internet Explorer 8 192 67 108 864 (8 192 x 8 192)