Подключить сайтНаписать
ДемоДемо · InRead

InRead: видеоблок в тексте статьи

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

Плеер настоящий — тот же код, что работает у издателей. Рекламные сети заменены заглушками: креативы Yandex.RTB, VK Adman и ролик VAST нарисованы нами, к сетям запросов нет. Реклама сменяется раз в 8 секунд вместо 15, чтобы не ждать.

ваш-сайт.ру — пример страницы издателя

Реклама, которая не мешает читать

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

Место под блок размечают в вёрстке заранее — обычно после второго-третьего абзаца, когда читатель уже втянулся в текст. Ширину задаёт колонка статьи, высота следует из пропорций 16:9, поэтому текст вокруг не прыгает.

Пока блок далеко внизу, плеер ничего не грузит: ни скриптов сетей, ни роликов. Он просыпается, когда до блока остаётся около двухсот пикселей, — как раз когда читатель к нему подходит. Вот он:

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

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

Показ засчитывается по стандарту MRC: не меньше половины блока на экране две секунды подряд. Отдельно считаются запросы, ответы сетей и клики — в кабинете это видно по каждому размещению, без данных о самих читателях.

Крестик доступен с первой секунды, даже пока реклама грузится. Нажали — блок аккуратно схлопывается, и текст смыкается без пустой дыры. Чтобы вернуть блок на этой странице, нажмите «Сначала» в панели.

Звук у ролика выключен, пока читатель сам его не включит. Клик по ролику открывает страницу рекламодателя в новой вкладке, а статья остаётся на месте.

На сайте издателя всё это подключается одним кодом вставки: пустой блок с идентификатором размещения и скрипт VPM. Какие сети крутить, в каком порядке и как часто менять рекламу, настраивается в кабинете — код на сайте при этом не меняется.

Монетизируйте сайт с VPM

Мы в раннем доступе: подключаем площадки сами и помогаем настроить сети. Напишите — покажем, как VPM будет работать на вашем сайте.

Написать нам