События скролла: как мерить дочитывания

Время на странице — обманчивая метрика: вкладка может висеть открытой, пока человек ушёл за чаем. Глубина прокрутки честнее: если посетитель долистал до конца длинного лендинга, он действительно читал. Этот сигнал особенно полезен для статей, длинных продающих страниц и SEO-материалов.

01Зачем мерить дочитывания

Скролл-события решают три задачи бизнеса.

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

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

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

02Какие отметки имеет смысл фиксировать

Стандартная схема — четыре точки: 25%, 50%, 75% и 90% высоты страницы. Этого достаточно для большинства случаев и не перегружает отчёты.

Минимальный набор

• 25% — посетитель промотал первый экран. Если до этой точки доходит мало людей, проблема в первом экране: оффер, заголовок или скорость загрузки.
• 50% — добрался до середины. Это серьёзный сигнал интереса.
• 75% — почти дочитал. Очень тёплая аудитория, особенно для статей.
• 90% — дочитал до конца. Лучшие кандидаты для ретаргетинга.

Иногда вместо процентов удобнее привязываться к смысловым блокам: «увидел прайс», «увидел отзывы», «дошёл до формы». Это точнее, но сложнее в поддержке: переверстали страницу — события поехали.

03Как настроить технически

Нужен небольшой скрипт, который слушает скролл, считает процент пройденной высоты и шлёт событие в Метрику при пересечении отметок. Базовый каркас:

(function(){
  var marks = [25,50,75,90], hit = {};
  function onScroll(){
    var h = document.documentElement;
    var sc = h.scrollTop || document.body.scrollTop;
    var full = h.scrollHeight - h.clientHeight;
    if(full < 200) return;
    var p = Math.round(sc/full*100);
    marks.forEach(function(m){
      if(!hit[m] && p >= m){
        hit[m] = 1;
        if(typeof ym==='function') ym(XXXXXXXX,'reachGoal','scroll_'+m);
      }
    });
  }
  addEventListener('scroll', onScroll, {passive:true});
})();

Где XXXXXXXX — номер счётчика Метрики. Цели в Метрике создаются типа «JavaScript-событие» с именами scroll_25, scroll_50, scroll_75, scroll_90. Подробнее о механике целей — в материале цели в Яндекс.Метрике.

На коротких страницах скролл считать бессмысленно: если страница в один экран, событие 50% сработает на любом движении. Условие full < 200 в скрипте отсекает такие случаи.

04Скролл и время — разные вещи

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

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

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

05Как читать данные в отчётах

В Яндекс.Метрике откройте отчёт «Конверсии» и фильтруйте по созданным целям. Сравните количество достижений каждой отметки — получится воронка.

Типичные паттерны:

• Резкий обрыв после 25%. Первый экран не цепляет. Пробуйте новый заголовок, оффер, главный визуал.
• Плавное снижение. Страница нормальная, но длинная. Можно ужать блоки или поднять CTA выше.
• Высокая доля 90%, но мало заявок. Контент интересный, форма не работает: длинная, нет повода оставить контакт, требует лишних полей.
• Хороший скролл с органики, плохой — с рекламы. Реклама приводит «не свою» аудиторию. Смотрите в сторону минус-слов и сужения семантики.

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

06Скролл и поведенческие факторы

Глубина просмотра — один из сигналов, которые поисковые системы учитывают через свои метрики. Это часть поведенческих факторов: пользователь не сразу убежал, прочитал, остался. Натянуть эти показатели накруткой нельзя — рост идёт только от реального улучшения контента и юзабилити.

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

07Что делать с данными

Сами по себе цифры скролла ничего не меняют — важны решения по ним.

• На лендингах с низкой глубиной — переписывайте первый экран и поднимайте главную CTA выше.
• На статьях с хорошим скроллом — добавляйте в конец оффер, форму подписки, переход на коммерческую страницу. Это самая тёплая точка.
• Собирайте сегменты «доскроллили до 75%» и используйте для ретаргетинга в Директе и VK.
• Подключайте микроцели к автостратегиям рекламы, когда заявок мало для обучения.

Официальная документация по теме — Справка Яндекс.Метрики.