Как посмотреть карту скроллинга в Метрике

Карта скроллинга показывает, сколько времени посетители проводят в разных участках страницы, и помогает понять, докуда доходит внимание. Чтобы разобраться, как посмотреть карту скроллинга в Метрике по одной опубликованной странице, проверьте три условия: включён сбор, выбран адрес и период внутри 15 дней хранения. Дальше карта сообщает среднее время и число просмотров участка под курсором — по ним проверяют гипотезу о размещении блока, а не покупку или заявку.

Проверьте сбор карты скроллинга

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

Сбор включается в счётчике. В Метрике перейдите в раздел Настройки → Счётчик, включите опцию «Вебвизор, карта скроллинга, аналитика форм» и сохраните изменения, затем поставьте обновлённый код счётчика на все страницы Карта скроллинга^[1].

Карта работает на страницах с установленным счётчиком Метрики и при кодировке UTF-8 на сайте Карта скроллинга^[1]. Если карту долго не открывали, запись может отключиться: карта может отключиться, если её не просматривали последние шесть месяцев; для возобновления записи опцию включают заново Карта скроллинга^[1].

Ещё два условия касаются показа. Сайт, закрытый заголовком X-Frame-Options, не отдаст собранные данные в просмотр, и в настройках сервера нужны исключения для доменов Метрики и вебвизора Карта скроллинга^[1]. У страницы есть предел размера: в Chrome максимальная высота или ширина — 32 767 пикселей Карта скроллинга^[1].

Область применения — страница и её участки. Карта скроллинга анализирует распределение внимания на участках страницы и помогает подобрать длину страницы и место для важной информации Карта скроллинга^[1].

Откройте страницу и период

Зайдите в Яндекс Метрику и перейдите в раздел «Поведение» → «Карта скроллинга» — этот путь для открытия карты приводит учебный курс Яндекса Как открыть карту скроллинга^[2]. В справочнике рядом с картой скроллинга стоят страницы карты ссылок и аналитики форм; карту ссылок в том же курсе открывают через «Поведение» → «Карта ссылок», а аналитику форм — через «Поведение» → «Аналитика форм» Как открыть карту скроллинга^[2].

В поле адреса введите URL опубликованной страницы. Если ввести адрес без символов, Метрика предложит в выпадающей подсказке строку с символом * Карта скроллинга^[1]. Для одной страницы оставьте точный адрес.

Период выбирайте внутри ограничения хранения: данные хранятся 15 дней, включая текущий день Карта скроллинга^[1]. Для сравнения двух периодов берите интервалы внутри этих 15 дней, иначе часть дней окажется без данных.

При построении карты из URL исключаются www, рекламные метки и часть ссылки после # включительно, а обычные параметры URL сохраняются, поэтому ?id=1 и ?id=2 дают разные карты Карта скроллинга^[1]. Если на странице используются параметры, адрес проверяйте по тому варианту, на который реально шёл трафик.

Группу страниц задают символами: * соответствует любому количеству любых символов, ~ включает условие как регулярное выражение Карта скроллинга^[1]. Для группы карта откроется на самой популярной подходящей странице, а среднее время и количество просмотров объединятся по всем страницам условия Карта скроллинга^[1]. Показ по группе годен для обзора каталога, а разбор одной страницы делайте по её точному URL.

Если карта бесконечно загружается в Safari 12 и выше, отключите опцию «Мешать перекрестному отслеживанию» на вкладке «Конфиденциальность» и перезапустите браузер Карта скроллинга^[1]. Одна из возможных причин уведомления «Нет данных» — включённая в фильтрах счётчика операция «Заменять https на http». Проверьте её: если на карте URL с HTTP, а сайт работает по HTTPS, отключите эту операцию Карта скроллинга^[1].

Прочитайте зоны и ограничения

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

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

Просмотры участка различают нагрузку и внимание. Перезагрузка страницы и обновление AJAX-сайта относятся к просмотрам Карта скроллинга^[1], поэтому при частых автообновлениях число просмотров растёт без новых посетителей.

Три карты отвечают на разные вопросы. Карта скроллинга показывает, где на странице задерживаются: её среднее время и просмотры привязаны к участку страницы. Карта кликов измеряет и показывает статистику по кликам на сайте, в том числе по элементам, которые не являются ссылками Карта кликов^[3]. Карта ссылок показывает статистику переходов по ссылкам и при клике на ссылку отдаёт количество переходов и их долю относительно других ссылок на странице Карта ссылок^[4]. Для слабых мест страницы три отчёта дополняют друг друга.

Цветная зона на карте — повод для гипотезы, а не измеренный эффект. Гипотезу проверяйте отдельно: изменением блока и сравнением метрик до и после, а при возможности — тестом. Здесь пригодятся материалы про аудит лендинга и тепловую карту в Яндекс Метрике.

Учебный пример разбора страницы

Учебный пример

Учебная страница /consultation, период — последние 7 дней внутри 15 дней хранения. Условное наблюдение: блок условий просматривают дольше, участок с контактной формой — меньше времени; числа посетителей и просмотров не заданы.

Ожидаемый результат разбора: по блоку условий гипотеза о чтении остаётся рабочей, по форме — проверяется отдельно. Проверяем только заданное наблюдение: за выбранные 7 дней внутри 15 дней хранения время просмотра блока условий больше, чем участка с формой. Числа просмотров во входных данных нет, поэтому сравнить участки по этому показателю в учебном примере нельзя. По цвету карты не считаем переходы, покупателей и долю дочитавших. Пример условный, не скриншот и не измерение; смена текста и длины страницы влияет на сопоставимость.

Повторение на своих данных: откройте «Поведение» → «Карта скроллинга», введите /consultation, задайте 7 дней внутри 15, наведите курсор на блок условий и на форму, запишите среднее время и количество просмотров по каждому участку. Затем сравните с ожидаемым результатом из таблицы: если у формы время ниже, а видимость и отправка работают, гипотезу о длинном пути проверяйте изменением страницы и повторным срезом за 7 дней. Если данные не грузятся, вернитесь к проверке сбора, протокола в фильтрах и заголовка X-Frame-Options.