Premium Bar Scroller · OLLIN

Premium Bar Scroller — премиальный нижний бар, который живёт вместе со статьёй, а не перехватывает экран. Читатель свободно листает материал; каждый жест прокрутки передаётся в креатив и двигает сценарий внутри полосы: появляются продукты, меняются плашки, запускаются блики и микродвижения.

В отличие от Premium Scroller-Banner формат не «залипает» fullscreen и не блокирует скролл страницы. Бар закреплён снизу окна (примерно 120 px на десктопе и 100 px на мобайле), а хост только пересылает wheel и swipe в iframe. Внимание остаётся на тексте — реклама становится вторым слоем истории.

Так бренд получает серию управляемых кадров внутри редакционного ритма: без interstitial, без резкого перехвата и без ощущения, что сайт «сломался».

Как устроена механика

Страница скроллится как обычная статья. Хост слушает wheel на десктопе и вертикальные свайпы на телефоне, затем отправляет в креатив сообщения PREMIUM_BAR_SCROLLER_WHEEL / PREMIUM_BAR_SCROLLER_SWIPE (и совместимые ollin-wheel / ollin-swipe).

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

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

Чем формат отличается от соседей

• Premium OLV / Premium Bar — expand/collapse по зоне скролла и hover; здесь бар всегда на месте, меняется содержимое.
• Premium Scroller-Banner — fullscreen-залипание и один жест = один слайд 9:16; здесь страница свободна, кадр горизонтальный.
• Sticky Branding — статичные или простые sticky-слои; здесь полноценный scroll-driven HTML-сценарий.

Premium Bar Scroller закрывает brief’ы, где нужен длинный контакт с продуктовой линейкой, но нельзя отнимать экран у статьи: beauty, FMCG, retail, премиальные запуски с несколькими SKU в одном баре.

Что чувствует читатель

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

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

Крестик Premium Ads (если включён) убирает бар и возвращает обычный отступ страницы. Логотип ведёт на premiumads.ru.

Как готовить креатив

Креатив — ZIP с index.html и ассетами в корне (допустима вложенная папка banner/). Макет горизонтальный: рабочая высота ~120 px desktop / ~100 px mobile. Креатив должен слушать postMessage со скролл-жестами родителя.

Ссылка клика подставляется в элементы #cta / #clickArea при подготовке. Хост не знает про конкретные товары — он только форвардит жесты и держит iframe снизу.

Прокрутите статью до конца и обратно: бар не должен блокировать скролл, каждый заметный жест вниз должен двигать сценарий, а после финала — лишь мягко «отвечать» без захвата страницы. Именно так Premium Bar Scroller от Genius Group превращает нижний бар в управляемую премиальную историю внутри чтения.