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

Реклама на Turbo, AMP

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание. Если вы планируете размещать на сайте рекламу в рамках договора с рекламодателем или агентством для показа на территории РФ и передавать данные об этих показах в ЕРИР через ОРД Яндекса, перед добавлением сайта внесите данные о контрагенте (владельце сайта) на вкладке Маркировка. Подробнее читайте в разделе Как зарегистрировать креатив через Adfox.

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

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

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

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

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

Находясь на вкладке Сайты → Ваш сайт → Разделы нажмите кнопку Добавить (после добавления сайта вы автоматически будете перенаправлены на добавление раздела).
Укажите параметры:
- Название раздела;
- Шаблоны страниц — укажите символ * (звездочка).
Нажмите кнопку Добавить.

Если требуется добавление нескольких разделов, смотрите инструкцию по шаблонам 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

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

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

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

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

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

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

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

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

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

Управление рекламными кодами в интерфейсе Яндекс Вебмастера. В RSS-файле изменения не требуются. Реклама на Турбо-страницах расставляется автоматически.

Перейдите в интерфейс Яндекс Вебмастер → Турбо-страницы → Настройки → Реклама.
Выберите Авторасстановка.
В разделе Рекламные блоки в контенте нажмите кнопку Добавить.
Выберите тип рекламного блока Adfox и укажите код вставки.
Если вы указали несколько рекламных блоков, установите их по приоритету для показа с помощью значка . Порядок будет учитываться при расстановке рекламы.
Сохраните изменения.

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

В RSS-файле при этом изменения не требуются (элементы turbo:adNetwork с содержимым и figure с атрибутом data-turbo-ad-id в RSS не нужны).

Управление рекламными кодами в интерфейсе Яндекс Вебмастера. Разметка рекламных мест в RSS-файле.

Перейдите в интерфейс Яндекс Вебмастер → Турбо-страницы → Настройки → Реклама.
Выберите Ручная настройка.
В разделе Рекламные блоки в контенте нажмите кнопку Добавить.
Выберите тип рекламного блока Adfox и укажите код вставки.

В поле Значение turbo-ad-id задайте произвольный ID. Например, first_ad_place, second_ad_place.

В RSS-файле укажите этот ID в качестве значения атрибута data-turbo-ad-id в элементе figure внутри элемента turbo:content. Это позволит указать фактическое место размещения рекламного блока в содержимом Турбо-страницы.

Пример rss-файла

<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-файле (без использования Яндекс Вебмастера).

В RSS-файле добавьте элементы:

turbo:adNetwork
1. атрибут type со значением Adfox;
2. атрибут turbo-ad-id с произвольным ID, указывающим место размещения рекламы;
3. код вставки для рекламного блока оберните в <![CDATA[]]>.
Чтобы добавить несколько рекламных блоков, для каждого блока укажите отдельный элемент turbo:adNetwork с уникальным значением атрибута id.
figure внутри элемента turbo:content
1. добавьте атрибут data-turbo-ad-id и в значении укажите ID, указывающий место размещения рекламы.

Пример rss-файла

<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. Добавьте рекламные кампании и баннеры

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

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

Примечание. Если вы создаете кампанию в рамках договора с рекламодателем или агентом о размещении рекламы для показа на территории России и вы планируете отчитываться об этих показах в ЕРИР через ОРД Яндекса, перед созданием кампании внесите данные о контрагентах и договоре c конечным рекламодателем на вкладке Маркировка. Подробнее читайте в разделе Как зарегистрировать креатив через Adfox.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В аккаунте Adfox перейдите на вкладку Монетизация → Параметры и привяжите ваш логин в Рекламной сети Яндекса.
Перейдите на вкладку Баннерная реклама. Выберите площадку, с которой будете связывать блок Рекламной сети Яндекса.
По умолчанию блок привязывается к площадке, определяемой по типу баннера и расположению, во всех разделах сайта. Но в случае, когда нужно в разных разделах сайта к площадке привязать разные блоки, нажмите кнопку Показать разделы и свяжите блоки непосредственно с площадкой в нужном разделе.
Нажмите и выберите сайт в Рекламной сети Яндекса для создания блока.
Настройте новый блок типа Баннер. В результате будет создан рекламный блок, в столбце ID блока РСЯ появится идентификатор блока.

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

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

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

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

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

Получение кода вставки

Размещение Adfox на AMP-страницах

В этой статье

Шаг 1. Подключитесь к Adfox Шаг 2. Добавьте структуру сайта Шаг 3. Получите код вставки Шаг 4. Установите код вставки Шаг 5. Добавьте рекламные кампании и баннеры Шаг 6. Подключите монетизацию

Получение кода вставки

Размещение Adfox на AMP-страницах