Что такое карта скроллинга чем она полезна

Что такое карта скроллинга и как ее подключить к сайту

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

Для подключения всех тепловых карт нужно зайти во вкладку «Настройка» – «Счетчик».

Подключение карты скроллинга

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

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

Отчеты можно найти в разделе «Карты».

Раздел «Карты»

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

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

Для того чтобы посмотреть статистику по группе, в поле для ввода URL нужно использовать дополнительный символ «*».

Использование символа «*» при просмотре статистики для группы страниц

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

В Яндекс.Метрике карта скроллинга имеет два варианта просмотра:

• Тепловой. Страница разбивается на зоны разного цвета в зависимости от времени просмотра. Красный цвет означает, что на эту часть страницы пользователи потратили больше всего времени, зеленый и синий цвет – зоны, которым посетители уделяют меньше внимания.
• Прозрачный. На просматриваемой странице более затемненные участки – это те области, которые просматривались быстрее, а более прозрачные – это зоны которым посетители уделяли больше внимания.

Пример теплового просмотра карты скроллинга

Для того чтобы получить расширенные статистические данные, нужно передвигать курсор по карте.

Вы можете регулировать режимы отображения, выставлять временные рамки для анализа, сравнивать сегменты с заданными условиями.

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

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

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

Какие проблемы могут возникнуть при работе с картой

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

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

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

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

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

Рис. 1 — первый экран сайта. Он должен быть самым «красным», т.к. по умолчанию посетитель попадает сразу на него и видит его какое-то время (время тоже можно увидеть, оно будет отображаться на реальной карте в верхнем левом углу). Вывод по этому экрану сейчас довольно прост — тут вопросов нет.

Рис. 2 — видим, что тут уже область оранжевая. Значит, часть аудитории уже ушла со страницы. Сделали они заявку или нет — это нам не видно без подключения аудиторий. Тем не менее, область оранжевая, значит, люди смотрят этот экран.

Рис. 3 — мы видим, что данная область более красная, чем на рис.2. Значит, посетители на ней проводят больше времени. Это экран с ценами. На ценах всегда должна быть примерно такая картина. Это означает, что в целом предложение посетителю интересно, если цена удовлетворит, то, возможно, будет совершен заказ. Какой тут можно сделать вывод? Первый и очевидный — переставить экраны 2 и 3 местами, чтобы человек сразу увидел цены. Логично?
А вот и не совсем! Если мы переместим экраны местами, то люди, кому цены не подходят, будут быстрее уходить с сайта, ухудшая показатель процента отказа. Нам это не надо. Если не покупают, то пусть хоть на наши поведенческие факторы поработают!

Рис. 4 — далее идет экран про автопарк. Тут мы видим резкий переход от оранжевого к синему. Значит, на этом блоке человек практически не останавливается, быстро его пролистывает.

Рис. 5 — ситуация аналогичная. Сейчас идет тренд к тому, что блоки преимуществ у всех одинаковые, и глаз посетителя за них не цепляется. Отсюда вывод: либо преподносить свои преимущества как-то иначе, либо вообще отказаться от этого блока.

Рис. 6 — тоже интересная ситуация. Этот экран зеленый, значит, человека этот блок, с большего, интересует. То, что этот блок последний, позволяет сделать неожиданный вывод: возможно, пользователь не получил всей необходимой информации на странице, раз долистал до конца страницы и остановился на этом блоке (по сути он повторяет первый экран сайта)

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

1. Убрать или переделать блок с преимуществами
2. Вместо него придумать что-то ещё интересное
3. Попробовать переставить местами экраны 2 и 3 и посмотреть на показатель отказов

Сложности в работе с картой скроллинга

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

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

• Открыть доступ фаерволла к metrika.yandex.ru и mc.yandex.ru
• Проверить ответ сервера здесь. Если в нем будет строка X-Frame-Options: SAMEORIGIN, это значит, что установлен запрет на отображение страницы во фрейме. Сделано это на стороне сервера из соображений безопасности данных. Если у вас именно такая ситуация, то обратитесь к своим разработчикам.

Вопрос-ответ по карте скроллинга

Что будет, если моя гипотеза не сработает?

Самое главное: при внесении любых изменений в код сайта сохраняйте предыдущую версию в бэкапе. Если ваши разработчики этого не делают — можете от них смело бежать! Но есть вариант намного круче: настроить А/Б тестирование. Про этот способ анализа я напишу подробную статью.

Как часто следует анализировать карту скроллинга?

Я рекомендую придерживаться следующего правила: просматривать карту скроллинга после каждых 3-5 тысяч переходов на сайт. Либо раз в месяц. Есть одно исключение: какое-то экстремальное поведение посещаемости без очевидных на то предпосылок. Например, резкое падение или резкий рост. В этом случае лучше просмотреть карту скроллинга в тот же день.

Насколько этим данным можно верить?

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