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

Происхождение и история

Развитие карт связано с задачей понять, что происходит ниже первого экрана. Якоб Нильсен описывал изменение подхода: в 1997 году он отказался от прежней рекомендации избегать прокручиваемых страниц, поскольку пользователи освоили прокрутку. В исследовании 2010 года он уже анализировал распределение времени взгляда по горизонтальным полосам страницы. Это измерение движения глаз, а не современная карта событий браузера; оно показывает, почему одного факта достижения низа недостаточно для вывода о внимании. ^[6]

К 2014 году термин scrollmap использовался в практических обзорах веб-аналитики. В публикации Journalism.co.uk от 18 февраля Абигейл Эдж показывала карты сайта издания и описывала карту прокрутки Crazy Egg как полосы с данными о показах участков. Это свидетельство применения инструмента, а не дата его изобретения. ^[7] Современные реализации сохраняют пространственное представление данных, но расходятся в показателях: достигнутая глубина и время просмотра требуют разных объяснений. ^{[1] [2]}

Суть и механизм

Чтобы понять карту, представьте длинную страницу, разделённую на горизонтальные полосы. Аналитическая система получает данные о взаимодействиях, объединяет наблюдения и сопоставляет показатель с положением участка. Это общая объяснительная схема; конкретное событие и единицу подсчёта задаёт сервис.

В Clarity при наведении на карту видна доля пользователей, достигших выбранной точки. Отдельно интерфейс показывает просмотры страницы с учётом фильтров. Эти значения нельзя без проверки подменять друг другом. Есть выбор компьютеров, планшетов и телефонов, а линия Average fold обозначает среднюю границу первоначально видимой области — до начала прокрутки. Это среднее положение, а не одинаковая линия на каждом экране. ^[1]

Метрика при наведении показывает просмотры участка и среднее время. В тепловом режиме время передаётся цветом, в режиме прозрачности участки с меньшим временем затемняются. Речь о наведении аналитика на готовую карту: из этого описания не следует, что посетитель должен был держать мышь над каждым прочитанным абзацем. ^[2]

Виды и близкие показатели

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

Google описывает стандартное событие расширенной статистики именно как первое достижение такого видимого порога. Наличие события не сообщает, был ли человек внимателен к последнему абзацу. А отсутствие полной карты нельзя исправить простым переименованием числа этих событий в «дочитывания». ^[3]

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

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

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

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

Как измерить или проверить

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

Знаменатель — все просмотры выбранной страницы, попавшие в анализ за период. Числитель — те же просмотры, в которых выполнен заранее установленный критерий достижения, каждый учитывается один раз. Это учебная модель подсчёта по просмотрам, а не описание внутреннего алгоритма Clarity или Метрики.

Допустим, из 1000 просмотров область ссылки появилась в видимой части страницы в 400. Результат — 400 / 1000 × 100 = 40%. Если при перемещении вверх и вниз было отправлено 600 событий, нельзя заменить ими 400 просмотров: повторные события изменят единицу подсчёта. При отсутствии просмотров процент не определён; ноль достигших из положительного числа просмотров даёт 0%.

Отдельная проверка касается геометрии. CSSOM View различает высоту прокручиваемой области, scrollHeight, и внутреннюю высоту видимой области, clientHeight. Для корневого элемента в стандартном режиме последняя соответствует высоте окна просмотра без полосы прокрутки. Документ остаётся рабочим проектом W3C, а не завершённой рекомендацией. ^[4]

Учебная страница имеет высоту 2000 пикселей, видимая область — 800, верх окна смещён вниз на 1000. Нижняя граница оказывается на отметке 1800: достигнутая видимая глубина составляет 1800 / 2000 = 90%. Но доступное смещение равно 2000 − 800 = 1200 пикселей, а пройденная его доля — 1000 / 1200 ≈ 83,3%. Оба расчёта верны и отвечают на разные вопросы. Здесь предполагается неизменная высота страницы; это геометрический пример, не воспроизведение кода GA4.

Ошибки и ограничения

Особенно легко ошибиться при объединении страниц. Метрика может показать общие числовые показатели группы на наиболее популярной странице этой группы. ^[2] Если на одном материале середина приходится на основной текст, а на другом — на рекламный блок, одинаковая относительная глубина не означает одинаковое содержание. Поэтому перед объединением проверяют компоновку, а после изменения макета не объясняют старые наблюдения расположением новых блоков.

Прокрутку также нельзя считать проверкой понимания. В историческом исследовании Нильсен разбирал случаи, когда страницы прокручивали почти до конца, но распределение взглядов по их частям различалось. ^[6] Быстрый поиск даты и вдумчивое изучение инструкции могут дать одинаковую максимальную глубину. Чтобы различить такие учебные сценарии, нужны дополнительные наблюдения; сама карта не измеряет намерения человека.

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

Правовой аспект

Если собираемые сведения относятся к определяемому человеку, необходимо учитывать определение персональных данных в пункте 1 статьи 3 закона № 152-ФЗ. Обработка включает и сбор, и хранение, и передачу; условия её допустимости перечислены в статье 6. Согласие — одно из оснований, а не автоматическое объяснение законности любой настройки аналитики. Использована редакция от 26.07.2026, статья 3, пункты 1 и 3, статья 6, часть 1, пункты 1–2. Конкретный состав данных и основание обработки требуют отдельной юридической проверки. ^[5]

Зарубежные счётчики и персональные данные. С 1 июля 2025 года часть 5 статьи 18 закона № 152-ФЗ «О персональных данных» (в редакции Федерального закона от 28.02.2025 № 23-ФЗ) не допускает при сборе персональных данных граждан России, в том числе в интернете, их запись, хранение и другие операции с использованием баз данных за пределами России. Счётчики вроде Google Analytics передают на зарубежные серверы IP-адреса и идентификаторы cookie, которые могут относиться к персональным данным; о трансграничной передаче, кроме того, заранее уведомляют Роскомнадзор (статья 12 того же закона). Нарушения влекут ответственность по статье 13.11 КоАП РФ. Использование такого счётчика на российском сайте требует юридической оценки; для сбора данных о посетителях из России применяют системы веб-аналитики с хранением данных в России, например Яндекс Метрику.

Частые вопросы

Связанные термины

• teplovaya-karta-klikov
• veb-analitika
• yandeks-metrika
• google-analytics-4
• dochityvaemost
• konversiya