Размещение Adfox на Турбо-страницах

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

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

Издатели, владельцы Турбо-страниц, используя Adfox, получают возможность монетизировать материалы на Турбо-страницах с помощью размещения прямой рекламы, рекламы сторонних монетизаторов, а также блоков Рекламной сети Яндекса.

Стартовая настройка занимает несколько шагов:

• добавить сайт, разделы и площадки;
• получить коды вставки и установить их в Вебмастере.

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

Подробные шаги по настройке смотрите в разделах ниже.

Шаг 1. Подключитесь к Adfox

1. Если у вас есть Яндекс ID, используйте его. Если у вас нет Яндекс ID, зарегистрируйтесь.
2. Перейдите в интерфейс Рекламной сети Яндекса, нажмите кнопку Присоединиться и заполните анкету. Подробнее о заполнении анкеты.

После отправки анкеты вы получите доступ к интерфейсам Рекламной сети Яндекса и Adfox.

Пользователь, зарегистрировавший аккаунт в Adfox, получает доступ с типом Администратор. Администратор имеет полный набор прав по управлению настройками в аккаунте, а также может создавать других пользователей и настраивать их права доступа к аккаунту.

Шаг 2. Добавьте структуру сайта

Добавьте сайт

1. Перейдите на вкладку Сайты основного меню, нажмите кнопку + Добавить и укажите название сайта.

2. Нажмите кнопку Добавить.

3. Если необходимо, заполните поля в блоке Маркировка:

   • Тип площадки — сайт, приложение или информационная система.
   • Название — название сайта (в рамках маркировки).
   • URL площадки — домен сайта или видеоресурса, URL блога или URL для скачивания приложения, начиная с http:// или https://.
   • Контрагент — контрагент (владелец домена, видеоресурса, блога или приложения), добавленный ранее на вкладке Маркировка.

Добавьте раздел

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

Для Турбо-страниц рекомендуем добавить один раздел.

1. Находясь на вкладке Сайты → Ваш сайт → Разделы нажмите кнопку Добавить (после добавления сайта вы автоматически будете перенаправлены на добавление раздела).

2. Укажите параметры:

   • Название раздела;
   • Шаблоны страниц — укажите символ * (звездочка).

3. Нажмите кнопку Добавить.

Если требуется добавление нескольких разделов, смотрите инструкцию по шаблонам referer.

Добавьте площадки

Стандартные размеры рекламного блока для мобильной версии сайта: 300 × 250 и 300 × 300. При выборе типов баннера с фиксированными размерами рекламное место обрезается.

Если нужно разместить баннеры большего размера или адаптивные баннеры, используйте тип баннера с нефиксированными размерами 100% × 100% Turbo.

Для каждого блока в интерфейсе Adfox необходимо добавить площадку внутри раздела сайта, которая характеризуется типом баннера и расположением.

Тип баннера — определяет размер рекламного блока. В аккаунте по умолчанию включены следующие типы баннеров, разрешенных к использованию на Турбо-страницах (имеют в названии отметку Turbo):

• 300 × 250 Turbo
• 300 × 300 Turbo
• 100% × 100% Turbo
• 100% × 250 Turbo
• 100% × 300 Turbo
• Interscroller Turbo

Расположение — определяет уникальность площадки. Например, с одним типом баннера можно добавить несколько площадок, указывая для каждой из них разные расположения.

В аккаунте уже добавлены три расположения, то есть можно создать три площадки с одним типом баннера и разными расположениями. Если потребуется больше площадок, добавьте новые расположения.

1. Чтобы добавить площадку, перейдите на вкладку Разделы вашего сайта и нажмите Площадки, затем Добавить.

2. Укажите параметры площадки:

   • Название — укажите произвольное название рекламного блока.
   • Тип баннера — выберите тип баннера с отметкой Turbo. На этой площадке будут показываться только те баннеры, которые добавлены через этот же тип баннера.
   • Расположение — укажите расположение площадки.
   • Вид кода — асинхронный.

3. Нажмите Добавить. Добавьте столько площадок, сколько у вас рекламных мест на Турбо-странице.

Шаг 3. Получите код вставки

1. Перейдите на вкладку Сайты → Ваш сайт → Код вставки.
2. Укажите параметры Тип баннера и Расположение как у площадки, созданной на предыдущем шаге, и нажмите кнопку Показать.
3. Скопируйте код, начиная с элемента div.

Шаг 4. Установите код вставки

Выберите один из способов расположения рекламы на странице:

<turbo:content>
   <![CDATA[
     <header>
      <figure><img src="#" /><figure>    
      <h1>Заголовок страницы</h1>    
      <menu><!--Элементы меню-->
      <a href="#">Текст ссылки</a>
      <a href="#">Текст ссылки</a>
      </menu>
   </header>
      <h2>Заголовок страницы</h2>
   <p>Первый абзац текста с <b>выделением</b> и списком:</p>
   <ul>
      <li>пункт 1;</li>
      <li>пункт 2.</li>
   </ul>
   <figure data-turbo-ad-id="first_ad_place"></figure>
   <table>
      <tr><!--Заголовок таблицы-->
      <th>Первый столбец</th>
      <th>Второй столбец</th>
      </tr>
      <tr><!--Строка таблицы-->
      <td>Первый столбец</td>
      <td>Второй столбец</td>
      </tr>
      </table>
   ]]>
</turbo:content>

<rss
xmlns:yandex="http://news.yandex.ru"
xmlns:media="http://search.yahoo.com/mrss/"
xmlns:turbo="http://turbo.yandex.ru"
version="2.0"
>
<channel>
<turbo:adNetwork
 type="Adfox"
 turbo-ad-id="first_ad_place">
     <![CDATA[
         <div id="идентификатор контейнера 1"></div>
         <script>
             Ya.adfoxCode.create({
                 ownerId: 123456,
                 containerId: 'идентификатор контейнера 1',
                 params: {
                         pp: 'g',
                         ps: 'cmic',
                         p2: 'fqem'
                 }
             });
         </script>
      ]]>
  </turbo:adNetwork>
  <turbo:adNetwork
   type="Adfox"
   turbo-ad-id="second_ad_place">
       <![CDATA[
           <div id="идентификатор контейнера 2"></div>
           <script>
               Ya.adfoxCode.create({
                   ownerId: 123456,
                   containerId: 'идентификатор контейнера 2',
                   params: {
                       pp: 'g',
                       ps: 'cmic',
                       p2: 'fqem'
                   }
               });
           </script>
       ]]>
  </turbo:adNetwork>
  <item turbo="true">
      ...
      <turbo:content>
          ...
          <figure data-turbo-ad-id="first_ad_place"></figure> 
          ...
          <figure data-turbo-ad-id="second_ad_place"></figure> 
          ...
      </turbo:content> 
  </item>
</channel>
</rss>

Шаг 5. Добавьте рекламные кампании и баннеры

Перед добавлением первой рекламной кампании создайте рекламодателя.

Рекламодатель получит доступ (логин и пароль) к статистике рекламных кампаний, у которых он указан в качестве рекламодателя.

Добавьте рекламную кампанию

1. Перейдите на вкладку Кампании и нажмите кнопку Создать.
2. Укажите параметры рекламной кампании. В аккаунте по умолчанию подключен минимально необходимый набор функций, если вам требуются расширенные настройки, обратитесь в службу поддержки.
3. Выберите сайт, раздел или площадку, на которых вы хотите разместить кампанию, и нажмите кнопку Сохранить.

Добавьте баннер

Перед тем как добавить баннер, подготовьте рекламные материалы.

Для размещения на мобильных Турбо-страницах подходят не все форматы баннеров, а только перечисленные в списке ниже. В названии формата дана ссылка на технические требования к рекламным материалам и описаны правила добавления в интерфейс Adfox.

Выберите формат для рекламной кампании и подготовьте рекламные материалы по соответствующим требованиям.

• Banner HTML5 — подходит для загрузки баннера с HTML5 кодом, в том числе подготовленного в специальных редакторах или сторонних кодов вставок.
• Banner Image — баннер, который отображает картинку со ссылкой.
• Banner Slider — баннер, который отображает карусель изображений.
• Проброс кода Adfox — позволяет установить код вставки Adfox в баннер.

1. Перейдите на вкладку Баннеры и нажмите кнопку Создать.
2. Выберите тип баннера с отметкой Turbo, соответствующий размерам площадки, на которой будет происходить размещение баннера.
3. Выберите формат рекламных материалов.
4. Укажите параметры баннера и загрузите подготовленные рекламные материалы.
5. Если необходимо, добавьте автоматическую метку «Реклама» и указание на рекламодателя.
6. Если на уровне рекламной кампании вы выбрали порядок маркировки Передавать данные в ЕРИР, внесите информацию о креативе в разделе Маркировка рекламы. Подробнее читайте в разделе Как зарегистрировать креатив через Adfox.
7. Нажмите кнопку Добавить.

При необходимости настройте таргетирование для рекламной кампании или баннера.

На этом этапе основные настройки завершены, вы уже можете посмотреть, как отображается баннер на вашей Турбо-странице.

Далее добавляйте рекламные кампании и баннеры, настраивайте монетизацию.

Шаг 6. Подключите монетизацию

Для площадок с Турбо-страницами доступна Монетизация.

Подключение монетизации Рекламной сети Яндекса

1. В аккаунте Adfox перейдите на вкладку Монетизация → Параметры и привяжите ваш логин в Рекламной сети Яндекса.

2. Перейдите на вкладку Баннерная реклама. Выберите площадку, с которой будете связывать блок Рекламной сети Яндекса.

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

3. Нажмите и выберите сайт в Рекламной сети Яндекса для создания блока.

   Настройте новый блок типа Баннер. В результате будет создан рекламный блок, в столбце ID блока РСЯ появится идентификатор блока.

На площадках с Турбо-страницами монетизация от Рекламной сети Яндекса будет работать при установке кода вставки именно на Турбо-страницу. При вызове кода с обычной страницы сайта Рекламная сеть Яндекса не будет участвовать в монетизации.

Подключение внешней монетизации

На данный момент внешнюю монетизацию на Турбо-страницах можно подключить только с монетизатором Google. О том, как настроить внешнюю монетизацию для Google, читайте здесь.

Обратиться в службу поддержки

Написать в чат

Написать письмо