Фуллскрин — особенности работы с Yandex Header Bidding

Введение

Уровень: Средний

Фуллскрин. Как много всего прячется под этим названием. У разных рекламных систем он называется по-разному: Полноэкранный формат, Interstitial, Rewarded или снова Fullscreen. Разница не только в названии, но и в самом принципе взаимодействия формата с пользователем. Но одно остаётся неизменным, и это понятно как раз из названия — рекламный формат занимает весь экран и напрямую контактирует с пользователем. Отсюда его высокая видимость, CTR и CPM. Несмотря на все положительные стороны, пользователи не очень любят этот формат в силу его агрессивности.

В этой небольшой заметке я поделюсь своими наблюдениями и опытом использованию фуллскрина на сайтах, а также расскажу, как можно получить больше денег от этого формата с использованием Header Bidding без ухудшения пользовательского опыта.

Технические моменты

Полноэкранный блок, как он называется в РСЯ, это отдельный от других форматов тип блока. Отличается он наполнением (креативы адаптируются под полный экран и имеют свой уникальный дизайн), а также техническим исполнением. Например код Полноэкранного блока РСЯ:

<script>
  window.yaContextCb.push(() => {
    Ya.Context.AdvManager.render({
      blockId: "R-A-123456-7",
      type: "fullscreen",
      platform: "touch",
    });
  });
</script>

blockId — содержит в себе идентификатор рекламного блока, его blockId;
type — содержит формат блока, fullscreen, floorAd и т. д.;
platform — тип устройства, touch — мобайл, desktop — ПК.

А чего еще не хватает, если сравнивать код с обычным кодом РСЯ? Правильно, указания элемента, куда будет вставляться реклама — renderTo. Но фуллскрину он и не нужен вовсе — элемент будет отрисовываться в своей собственной обёртке, поверх остальных элементов сайта.

Возьмём для примера код фуллскрина для Adfox. Посчитаем, что блок РСЯ уже привязан к площадке Adfox:

<script>
  window.yaContextCb.push(() => {
    Ya.adfoxCode.create({
      ownerId: 123456,
      params: { p1: "abcde", p2: "zxcv" },
      type: "fullscreen",
    });
  });
</script>

Параметры тут похожи на код из РСЯ:

ownerId — идентификатор аккаунта Adfox;
params — параметры для площадки Adfox — который включает p1 — идентификатор площадки и p2 — идентификатор типа баннера;
type — содержит формат блока.

Для работы Header Bidding не хватает лишь одного — привязки к ID контейнера. Поэтому добавим к коду containerId: «adfoxFullscreen».

<div id="adfoxFullscreen"></div>
<script>
  window.yaContextCb.push(() => {
    Ya.adfoxCode.create({
      ownerId: 123456,
      params: { p1: "abcde", p2: "zxcv" },
      type: "fullscreen",
      containerId: "adfoxFullscreen",
    });
  });
</script>

А теперь переходим к Header Bidding.

Параметр type: «fullscreen» и Header Bidding

Полноэкранный блок РСЯ будет вызываться в своей обёртке, если это прямой код РСЯ или же если он привязан к площадке Adfox без разницы, имеет он параметр type: «fullscreen» или нет. А вот в случае с Header Bidding дела обстоят по-другому. Разберем 3 варианта использования Header Bidding в фуллскринах.

Вариант 1. Обязательная передача параметра type: «fullscreen» в коде вызова

В случае, если включен type: «fullscreen», Adfox будет воспринимать данный рекламный блок как фуллскрин и отрисовывать обёртку, похожую на полноэкранный формат РСЯ. Но без контроля кнопки закрытия, только обертку.

Какие блоки использовать в этом случае? Необходимо опираться на размеры экрана у пользователей. Можно посмотреть в Метрике — Отчеты — Технологии — Разрешение дисплея и отфильтровать мобильные устройства.

Обычно выбираем следующие размеры для фуллскринов — 300×600, 320×480, 300×500, 240×400, 240×600, 160×600, 300×250, 300×300, 336×280.

Вариант 2. Код вызова, без передачи параметра type: «fullscreen» или своя обёртка

Данный вариант в основном используется, если у вас уже есть своя обёртка для фуллскрина. Мы в Кванте, давно применяем фуллскрин в своей обёртке: он используется как для прямых продаж, так и для монетизации остаточного трафика РСЯ и Header Bidding. Около двух лет назад Яндекс запретил использовать обычные блоки РСЯ в полноэкранных блоках, принудительно заставив всех использовать полноэкранный формат. С этого времени эффективность фуллскрина сильно упала и уже вряд ли вернется к старым показателям.

Пример баннера в обёртке фуллсрина Квант:

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

Вариант 3. А что если в HB используется своя обёртка. Решение тоже есть.

У Header Bidding монетизаторов тоже есть свои полноэкранные форматы в своей обёртке. Например — VK (бывший MyTarget), Buzzoola, Gnezdo.

Основная проблема с фуллскринами в своей обёртке, что если их использовать с параметром type: «fullscreen», то при закрытия фуллскрина, останется та самая обёртка Adfox. Пользователю придётся закрывать 2 блока — это неправильно.

Поэтому для таких ситуация раньше настраивали показ рекламного блока без передачи этого параметра. А в заглушке вызывали код фуллскрина с передачей type: «fullscreen» и обычными рекламными блоками в HB.

Но нашлось решение, с недавних пор, Яндекс начал принимать в ставках параметр disableFullscreen. Он отключает отрисовку подложки для полноэкранного баннера, если он включен на стороне кода Adfox. Параметр используется, если монетизатор самостоятельно рисует подложку для полноэкранного баннера. На данный момент disableFullscreen достоверно поддерживается монетизаторами Gnezdo и MyTarget. Возможное количество больше, но протестированы пока только они.

{
  bids: [
    { bidder: 'myTarget', params: { placementId: '123456' } }, // фуллскрин в обёртке
    { bidder: 'adriver', params: { placementId: '123:test.com_M_FS' } }, // баннер
    { bidder: 'getintent', params: { placementId: '123:test.com_M_FS_300x600' } }, // баннер 300х600
    { bidder: 'buzzoola', params: { placementId: '1234567' } }, // баннер
    { bidder: 'gnezdo', params: { placementId: '12345678' } }, // фуллскрин в обёртке
  ],
};

В этом случае мы можем использовать разные типы баннеров в одном аукционе без необходимости повторно перезапрашивать коды.

Выводы

Доля выручки Header Bidding монетизаторов на мобильных фуллскринах держится в диапазоне 15-38%, поэтому его использование рекомендую и считаю целесообразным. Но не стоит забывать про использование параметра type: «fullscreen», а также уточнять у монетизаторов, есть ли у них своя обёртка для рекламы и поддерживают ли они disableFullscreen, чтобы избежать лишних проблем с отображением рекламы.