ADFOX Sites Help

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

Статья была обновлена

21.11.2018

Описание

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

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

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

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

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

1. Подключитесь к ADFOX

Зарегистрируйтесь в ADFOX, если у вас еще нет аккаунта:
• на сайте заполните анкету, выбрав продукт ADFOX Sites;
• подтвердите ваш номер телефона и примите условия оферты.

Акция! ADFOX предоставляет издателям возможность бесплатного показа рекламы на Турбо-страницах — сервис автоматически определяет такие показы и не тарифицирует их.

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

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

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

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

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

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

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

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

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

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

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

На одной турбо-странице допускается размещать до 10 рекламных блоков.
Доступные размеры рекламного блока: 300x250 и 300x300.

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

Площадка характеризуется типом баннера и расположением.

Тип баннера — определяет размер рекламного блока.
Для вашего удобства в аккаунте уже включены два типа баннера, разрешенных к использованию на турбо-страницах (имеют в названии отметку "Turbo"):
• 300x250 Turbo
• 300x300 Turbo

Добавлять собственные типы баннеров запрещено.

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

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

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

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

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

Перейдите на вкладку Сайты → Ваш сайт → Код вставки.

1. Укажите параметры "Тип баннера" и "Расположение" как у площадки, созданной на предыдущем шаге.

2. Нажмите кнопку Показать.

3. Скопируйте код, начиная с элемента div.

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

3.1 Установите код вставки

Выберите один из способов установки кода вставки:

  • Авторасстановка
  • Рекламное место задано в RSS
  • Добавление кода только в RSS

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

Перейдите в интерфейс Яндекс.Вебмастер → Турбо-страницы → Настройки, в подразделе Реклама в поле ID блока РСЯ или код для вставки ADFOX добавьте скопированный на предыдущем шаге код.
Не заполняйте поле Значение turbo-ad-id.

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

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

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

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

В интерфейсе Яндекс.Вебмастер → Турбо-страницы → Настройки, в подразделе Реклама в поле ID блока РСЯ или код для вставки ADFOX добавьте скопированный на предыдущем шаге код.

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

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

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

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

Чтобы добавить несколько рекламных блоков, для каждого блока укажите отдельный элемент turbo:adNetwork с уникальным значением атрибута id.

<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>
             window.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>
               window.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>

Примечание. Если атрибут turbo-ad-id или его значение отсутствует, то отобразится только первый рекламный блок внизу Турбо-страницы. Если атрибут turbo-ad-id указан только для нескольких рекламных блоков, реклама не отобразится.

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

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

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

4.1 Добавьте рекламодателя

Откройте вкладку Пользователи → Рекламодатели и нажмите кнопку Создать нового.

Укажите параметры:
Учетная запись — должна быть уникальной не только в рамках вашего аккаунта, а среди всех пользователей ADFOX. Интерфейс предупредит, если Вы вдруг введёте логин, который уже занят.
E-mail — адрес электронной почты, на который будет зарегистрирован доступ рекламодателя к системе ADFOX.

Нажмите кнопку Добавить. На указанный e-mail будет отправлено письмо с указаниями по созданию пароля.
Подробнее о рекламодателях.

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

Перейдите на вкладку Рекламные кампании и нажмите кнопку Добавить.
Укажите параметры добавляемой рекламной кампании.

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

После добавления кампании откроется вкладка Размещение.
Включите размещение кампании опцией слева от названия сайта и нажмите кнопку Изменить.

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

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

Для размещения на турбо-страницах подходят не все форматы баннеров, а только перечисленные в списке ниже. В названии формата дана ссылка на технические требования к рекламным материалам и описаны правила добавления в интерфейс ADFOX.
Выберите формат для рекламной кампании и подготовьте рекламные материалы по соответствующим требованиям:
Banner HTML5 — подходит для загрузки баннера с HTML5 кодом, в том числе подготовленного в специальных редакторах или сторонних кодов вставок.
Banner Image — баннер, который отображает картинку со ссылкой.
Banner Slider Images — баннер, который отображает карусель изображений.
Проброс кода ADFOX — позволяет установить код вставки ADFOX с библиотекой loader в баннер.

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

Перейдите во вкладку Баннеры и нажмите кнопку Добавить.
1. Выберите тип баннера с отметкой "Turbo", соответствующий размерам площадки, на которой будет происходить размещение баннера и нажмите кнопку :

2. Выберите формат рекламных материалов и нажмите кнопку :

3. Укажите параметры баннера, загрузите подготовленные рекламные материалы и нажмите кнопку Добавить:

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

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

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

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

Для площадок "Turbo" доступна Монетизация.

Для подключения монетизации необходимо:
• иметь договор с Яндексом, доступ к РСЯ с продуктом "Блоки Real-Time Bidding";
• подключить функцию "Монетизация" и "Внешняя монетизация" в аккаунте ADFOX, обратившись в службу технической поддержки.

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

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

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

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

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

Площадка в РСЯ должна быть размечена соответствующей опцией: "Турбо-страницы"

Пройдите несколько шагов по настройке нового блока, в результате будет создан РТБ блок и в столбце ID блока РСЯ будет показан идентификатор блока.

4. Настройте уровень размещения кампании с монетизацией во вкладке Баннерная реклама → Кампания.
Для рекламных кампаний на турбо-страницах доступен функционал Динамическая монетизация.

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

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

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

1. Во вкладке Рекламные кампании нажмите кнопку Добавить.

Укажите название кампании, рекламодателя.
В блоке Ротация выберите внешнего монетизатора Google и укажите CPM.

Добавьте кампанию.

2. Во вкладке Размещение включите размещение кампании на сайте для турбо-страниц.

3. Откройте вкладку Баннеры, нажмите кнопку Добавить.
Выберите тип баннера с отметкой "Turbo" и шаблон для размещения кода ADX/AdSense или DFP.

Пример заполнения баннера для проброса кода ADX

Пример заполнения баннера для проброса кода AdSense

Пример заполнения баннера для проброса кода DFP