Площадка Баннер для издателя

В данной статье мы рассмотрим особенности инвентаря BANNER для издателя.

Основные моменты #

Баннер — это небольшой графический блок рекламы. Он может быть статичным, анимированным или иметь формат видео.

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

Площадка Баннер для издателя
Пример баннеров на мобильном и десктопном устройствах

Создание площадки #

Прежде чем создавать площадку, у вас должен быть заведен профиль издателя. Для того чтобы создать новую площадку, нажмите кнопку «Создать» — «Площадка».

Площадка Баннер для издателя
Создание площадки

Блок «Администрирование» #

Перед вами откроется страница с настройками площадки. В первую очередь выберите необходимого вам издателя в блоке «Администрирование»: укажите его ID или имя в соответствующем поисковом поле. Поле «Партнерская программа» заполнится автоматически, так как издатель уже привязан к одной из программ.

Площадка Баннер для издателя
Блок «Администрирование»

При создании площадки функция проверки качества трафика активирована по умолчанию. Она нужна для включения и выключения проверочного лендинга. Если вы уверены, что издатель присылает исключительно качественный трафик, снимите галочку около строки «Проверять качество трафика».

Площадка Баннер для издателя
Блок «Администрирование», строка «Проверять качество трафика»

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

Площадка Баннер для издателя
Блок «Администрирование», выпадающий список «Статус»

Затем необходимо определиться с методом отчисления: «Наследуется от веб-мастера», «CPM», «CPC», «CPA», «RevShare» или «Dailyfix». «Наследуется от веб-мастера» используется в том случае, если у издателя уже настроен один из вышеуказанных методов: тогда его настройки будут перенесены на новую площадку. Для примера выберем модель «RevShare». По умолчанию она составляет 65% отчислений.

Площадка Баннер для издателя
Блок «Администрирование», выпадающий список «Отчисления»

Если вы выбрали фиксированную модель оплаты (CPM, CPC), то рекомендуется настроить максимальную ставку по странам. При клике на нее можно выставить ставки по каждой стране в отдельности, либо поставить единый размер ставки для всех стран.

Площадка Баннер для издателя
Блок «Администрирование», строка «Максимальная стравка по странам»

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

Площадка Баннер для издателя
Блок «Администрирование», строка «Максимальная стравка по странам»

Опция «Utm source» позволяет выбрать шаблон, на основе которого будет сформировано значение в метке utm_source.

Важно: выставлять эту настройку нужно только в том случае, если площадка передает все нужные для построение шаблона параметры

Площадка Баннер для издателя
Блок «Администрирование», опция «Utm source»

Чтобы оптимизировать такой трафик, необходимо корректно настроить параметры «S1» и «S2». Процесс их настройки вы можете найти в другой нашей статье.

«Дневной лимит выкупа», «QPS» и «Timeout (in ms)» мы также не будем разбирать на конкретном примере, поскольку они относятся к более сложному виду подключения. Данные настройки необходимы для RTB и XML-feed. Если вам они необходимы, пожалуйста, сообщите об этом вашему персональному менеджеру.

Площадка Баннер для издателя
Блок «Администрирование», поля «Дневной лимит выкупа», «QPS» и «Timeout (in ms)»

Настройка «Лист приоритетных кампаний» позволяет повлиять на то, какая именно реклама будет отображаться на этой площадке. Допустим, вы хотите, чтобы на сайте про мобильные приложения, в первую очередь, показывались офферы с приложениями, а потом уже все остальное. В таком случае здесь вы можете указать ID рекламных кампаний, которые будут в приоритете.

Площадка Баннер для издателя
Блок «Администрирование», поле «Лист приоритетных кампаний»

Для того чтобы добавить ID кампаний, кликните на соответствующее поле, перечислите в открывшемся окне идентификаторы через запятую и нажмите «Сохранить и вернуться к настройкам».

Площадка Баннер для издателя
Блок «Администрирование», поле «Лист приоритетных кампаний»

Блок «Информация» #

Следующий блок — «Информация». Здесь, вы даете название своей площадке. Желательно, чтобы оно отражало ее суть. Мы обозначим нашу площадку как «Test».

Площадка Баннер для издателя
Блок «Информация», поле «Название»

В поле «Сайт размещения» укажите домен, на котором размещена реклама.

Площадка Баннер для издателя
Блок «Информация», поле «Сайт размещения»

Далее идет список «Тип», где вам нужно выбрать инвентарь, который будет использоваться на площадке: «Adstructor», «Fly-roll (Inpage Video Banner)», «Directlink», «Onclick Popup», «PUSH SUBSCRIBE», «PUSH SUBSCRIBER SCRIPT», «Wordpress Plugin for Download sites», «Banner» и «Vast». Выберите «Banner». После этого, нажмите «Выбрать и продолжить».

Площадка Баннер для издателя
Блок «Информация», список «Тип»

В видах трафика отметьте тот тип трафика, который будете принимать. В выпадающем списке предложены следующие варианты: «Мобильный и десктопный», «Только мобильный» и «Только десктопный».

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

Площадка Баннер для издателя
Блок «Информация», выпадающий список «Виды трафика»

Теперь из предложенного списка выберите один размер баннера, который будет использоваться на площадке. Мы возьмем «300 * 250», так как в этом материале будем тестировать баннер именно с такими параметрами.

Площадка Баннер для издателя
Блок «Информация», выпадающий список «Размер баннера места»

В следующем поле, пропишите ID контейнера баннер места. Это нужно для того, чтобы при дальнейшей интеграции скрипта баннер отображался в необходимом месте. Рекомендуем использовать следующий шаблон для ID: «id_banner_SIZE». В нашем случае идентификатор будет выглядеть таким образом — «id_banner_300_250» (без двойных кавычек).

Площадка Баннер для издателя
Блок «Информация», поле «ID контейнера баннер места»

В выпадающем списке «Метод показа сайта рекламодателя» доступны два варианта: «В том же окне» или «В новом окне». В зависимости от этого сайт рекламодателя будет открываться выбранным вами образом после нажатия на баннер. Мы рекомендуем выбирать вариант «В новом окне».

Площадка Баннер для издателя
Блок «Информация», выпадающий список «Метод показа сайта рекламодателя»

Затем следует установить интервал обновления промоматериала. В соответствующей строке из выпадающего списка выберите подходящий промежуток времени. Если пользователь проводит много времени на сайте издателя, то имеет смысл показывать ему разные баннеры в течение одной сессии. Например, установив интервал «Раз в минуту», контент баннера будет обновляться каждую минуту. Эту функцию можно отключить или настроить «По клику». Последняя опция работает только в сочетании с методом открытия сайта рекламодателя в новом окне.

Площадка Баннер для издателя
Блок «Информация», выпадающий список «Интервал обновления промоматериала »

Блок «Фильтрация» #

В разделе «Фильтрация» можно обозначить «Типичность языка», то есть соответствие языка браузера со страной пребывания пользователя. Предположим, он находится в Великобритании. Если язык браузера английский, то мы имеем дело с типичным языком, а если при таких же условиях браузер будет на русском — это нетипичный язык. Данная настройка позволяет отсекать туристов, путешественников или иностранцев, если целевая аудитория — население определенной страны.

Площадка Баннер для издателя
Блок «Фильтрация», выпадающий список «Типичность языка»

Также в разделе присутствуют следующие настройки: «Браузеры», «Устройства», «GEO», «Языки браузера», «Домены», «Applications ids», «Applications names», «Теги кампаний», «IP», «ID кампаний», «ISP», «Параметр S1», «Параметр S2» и «UTM Source». С их помощью можно, например, указать список определенных браузеров, доменов или устройств, с которых вы будете или не будете принимать трафик. В дальнейшем, когда площадка будет запущена, в данном разделе вы сможете проанализировать качество трафика этой площадки.

Площадка Баннер для издателя
Блок «Фильтрация», настройки

Давайте подробнее рассмотрим специальные параметры «S1» и «S2», передающиеся при совершении клика. Так, в «Параметре S1» передается SubID первого уровня, а в «Параметре S2» — SubID второго уровня. Предположим, что издатель использует данную площадку на нескольких сайтах, и в параметрах он пересылает домен сайта. То есть у нас есть одна площадка, и для того, чтобы фильтровать трафик с разных сайтов и доменов, можно передавать в параметрах конкретный домен площадки. Эти сведения мы записываем себе в базу данных и отсылаем их рекламодателю для дальнейшей работы. Впоследствии возможна настройка фильтрации по параметрам «S1» и «S2».

Другой параметр — «UTM Source» — является хеш-суммой значений: «домен» + «S1» + «S2». Он может использоваться для более тонкой настройки white и black листов.

Блок «Ограничения» #

Следом идет блок «Ограничения», включающий в себя две строки:

  • «Сайт для взрослых (18+)» — поставьте галочку в том случае, если это адалтный сайт, и реклама должна быть исключительно с соответствующим содержанием.
  • «Разрешать рекламу 18+» — поставьте галочку в том случае, если сайт обычный, но издатель не против рекламы «18+». В таком случае на сайте будет транслироваться как адалтная, так и мейнстримная реклама.
Площадка Баннер для издателя
Блок «Ограничения», настройки

Блок «Интеграция» #

В последнем разделе «Интеграция» располагается поле «Postback URL», которое используется при более «продвинутой» настройке, и большинству издателей, как правило, postback устанавливать не нужно. Поэтому сейчас мы не будем на нем останавливаться.

Далее следует «Trafficback», который мы также не рассматриваем, поскольку для создания площадки под баннерную рекламу он не нужен.

Площадка Баннер для издателя
Блок «Интеграция», настройки

Подключение готового скрипта #

После того как вы заполнили все необходимые поля, нажмите кнопку «Создать». После этого перейдите во вкладку «Подключение». В случае с баннером генерируется «Ссылка на скрипт» и «Код скрипта» (чаще всего он используется при «продвинутой» настройке). В нашей статье мы скопируем и интегрируем ссылку на скрипт на страницу сайта издателя.

Площадка Баннер для издателя
Подключение готового скрипта

Добавление в скрипт переменных для оптимизации трафика #

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

<script src="//mediaoaktree.com/v2/loader.js?_t=52468" data-ts="1574069688" data-token="9bb42c5f29e5f1a225e4cd606ef25f1602f1637e" data-promo-cdn="mediaoaktree.com" data-q="QUERY" data-s1="S1" data-s2="S2" data-s3="S3"></script>

Переменные подразделяются на следующие типы:

  • «data-q=”QUERY”» — в ссылке вместо «QUERY» передаются ключевые слова или фразы, используемые для улучшения таргетинга. Настройка применяется по желанию издателя.
  • «data-s1=”S1″» — на место «S1» подставляется источник (source) трафика. Если скрипт размещается на конкретном сайте, «S1» указывать не нужно. Когда один и тот же скрипт добавляют на разные сайты, в параметр «S1» следует внести соответствующий домен сайта, на котором находится скрипт.
  • «data-s2=”S2″» — взамен «S2» прописывается вспомогательный источник (subsource) трафика. Рассмотрим два примера вспомогательных источников трафика.

В первом случае есть сайт с различными категориями, находящимися на поддоменах. Следовательно, в параметре «S1» пропишем основной домен, а в «S2» — поддомен:

<script src="//mediaoaktree.com/v2/loader.js?_t=52468" data-ts="1574069688" data-token="9bb42c5f29e5f1a225e4cd606ef25f1602f1637e" data-promo-cdn="mediaoaktree.com" data-q="QUERY" data-s1="S1" data-s2="S2" data-s3="S3"></script>
 <script src="//mediaoaktree.com/v2/loader.js?_t=52468" data-ts="1574069688" data-token="9bb42c5f29e5f1a225e4cd606ef25f1602f1637e" data-promo-cdn="mediaoaktree.com" data-s1="website.com" data-s2="music.website.com"></script>

Во втором случае есть рекламная сеть, продающая трафик с различных сайтов. Тогда в «S1» можно подставить название рекламной сети, а в «S2» — домен или ID сайта, на котором размещен рекламный скрипт. Это будет выглядеть так:

<script src="//mediaoaktree.com/v2/loader.js?_t=52468" data-ts="1574069688" data-token="9bb42c5f29e5f1a225e4cd606ef25f1602f1637e" data-promo-cdn="mediaoaktree.com" data-s1="adnetwork.com" data-s2="website_1.com"></script>
<script src="//mediaoaktree.com/v2/loader.js?_t=52468" data-ts="1574069688" data-token="9bb42c5f29e5f1a225e4cd606ef25f1602f1637e" data-promo-cdn="mediaoaktree.com" data-s1="adnetwork.com" data-s2="website_2.com"></script>
  • «data-s3=”S3″» — допустима замена параметра «S3» на click_id, если издатель планирует использовать postback. Издатель может задавать значения для «S3» по своему усмотрению. Если оно не будет указано, click_id будет сгенерировано автоматически.

Параметры «S1» и «S2» нужно обязательно применять, если один и тот же рекламный тег используется на разных сайтах или в проектах с большим количеством категорий контента. Для параметров «S3» и «query» строгих правил по использованию нет.

Издатель может разместить один рекламный тег на двух различных сайтах. Если он пропишет названия своих сайтов или их домены в параметре «S1» (data-s1=”website1″ и data-s1=”website2″), вы сможете узнать, с какого сайта пришел трафик и большинство конверсий. Также появится возможность понять, как оптимизировать каждый из сайтов. Эти сведения позволяют подбирать качественную рекламу и увеличивать доход.

Теперь перейдем непосредственно к интеграции скрипта на страницу сайта издателя. Рассмотрим этот процесс на трех случаях.

Добавление скрипта в HTML код #

Если вы хотите добавить скрипт на отдельную страницу или лендинг, то этот метод — наиболее подходящий. Здесь в качестве примера мы воспользуемся текстовым редактором и HTML шаблоном на базе образовательного сайта W3Schools. Сперва перейдите по данной ссылке. В появившемся окне выберите место для размещения баннера. Например, добавьте его сразу после раздела «Меню». Для этого вставьте ссылку на скрипт и тег <div>, который содержит идентификатор вашего баннера:

<div id="id_banner_300_250"></div>

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

Затем нажмите на кнопку «Run».

Площадка Баннер для издателя
Добавление скрипта в HTML код

После этого на странице вы увидите баннер, кликнув на который откроется сайт рекламодателя.

Площадка Баннер для издателя
Добавление скрипта в HTML код

Важно:
Если площадка была только что создана — скрипт может не работать. Подождите 10-15 минут и проверьте его работоспособность повторно.


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


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

Добавление скрипта в CMS Blogger #

Для интеграции баннера в CMS Blogger вам необходимо внести изменения в установленную тему. Процесс внесения изменений схож с добавлением скрипта в HTML код.

В данном примере мы воспользуемся встроенными виджетами (на сервисе они также называются гаджетами — Gadgets). Виджеты предоставляют возможность вставлять баннеры как на все страницы постов, так и на отдельные публикации в редакторе постов.

Прежде всего войдите в свой аккаунт Blogger и перейдите во вкладку «Layout».

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

В новом окне нажмите на «Add a Gadget».

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

Перед вами откроется страница, где нужно выбрать «HTML/JavaScript» виджет, нажав на его название.

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

На следующей новой странице в поле «Content» добавьте ссылку на скрипт и тег <div>, включающий в себя идентификатор вашего баннера:

<div id="id_banner_300_250"></div>

Нажмите «Save».

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

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

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

Теперь нажмите на «Save arrangement» — скрипт должен активироваться.

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

Баннер также появится на странице сайта.

Площадка Баннер для издателя
Добавление скрипта в CMS Blogger

Добавление скрипта в CMS WordPress #

При использовании CMS WordPress ссылку на скрипт можно добавить двумя способами:

  1. Внести изменения в тему сайта на WordPress.
  2. Использовать специальный плагин.

Поскольку самый простой и быстрый способ — это воспользоваться плагином, именно его мы и рассмотрим далее.

Для начала зайдите в админку вашего сайта на базе WordPress и перейдите во вкладку «Plugins» — «Add New».

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

На открывшейся странице найдите плагин «Ad Inserter — Ad Manager & AdSense Ads», используя строку поиска. Он является одним из самых популярных решений по размещению рекламы на сайт под управлением WordPress. Нажмите «Install Now».

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

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

Когда расширение будет установлено, нажмите «Activate».

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

После этого перейдите во вкладку «Settings» — «Ad Inserter».

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

Далее вставьте в поле «Block 1» ссылку на скрипт и тег <div>, который содержит идентификатор вашего баннера:

<div id="id_banner_300_250"></div>

В данном примере мы будем размещать рекламные баннеры сразу после заголовка основной части контента. Для этого поставим галочку напротив пункта «Posts», а в выпадающем списке Insertion выберем позицию «Before content». Остальные настройки вы можете оставить по умолчанию. Нажимаем «Save All Settings».

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

Теперь баннер появится на странице сайта и будет отображаться после заголовка поста.

Площадка Баннер для издателя
Добавление скрипта в CMS WordPress

Важно: в данном примере мы размещаем баннер размером 300 * 250 пикселей. Он отлично работает на мобильных и десктопных устройствах. Однако если вы будете использовать баннер размером 728 * 90 пикселей, то он не отобразится на устройствах с маленьким экраном. В следующем разделе мы расскажем, как сделать баннеры более адаптивными.

Создание адаптивных баннеров для мобильных и десктопных устройств #

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

Сперва создайте две новых площадки, следуя инструкции из этого материала. Единственная разница между настройками — пункт «Размер баннера места». Мы сформируем два рекламных места следующих размеров:

  • 300 * 250 пикселей;
  • 728 * 90 пикселей.
Площадка Баннер для издателя
Создание двух различных площадок

Когда площадки будут созданы, откройте настройки плагина «Ad Inserter — Ad Manager & AdSense Ads», перейдя по вкладке «Settings» — «Ad Inserter».

Площадка Баннер для издателя
Создание двух различных площадок

В поле «Block 1» вставьте ссылку на скрипт и тег <div>, включающий в себя ID баннера:

<div id="id_banner_300_250"></div>

В этом примере мы будем показывать рекламные баннеры в постах после первого абзаца. Для этого отметим галочкой значение «Posts», а в выпадающем списке «Insertion» выберем опцию «After paragraph». Остальные настройки можно оставить по умолчанию.

Площадка Баннер для издателя
Кампания № 1

Затем нажмите на кнопку «Devices». На появившейся ниже панели «Client-side device detection» поставьте галочку около строки «Use client-side detection». Из выпадающего списка, расположенного рядом, выберите «Insert», а также отметьте галочкой пункты «Tablet» и «Phone». Нажмите «Save All Settings». После этого баннер с размером в 300 * 250 пикселей будет отображаться только на мобильных устройствах с маленькими экранами.

Площадка Баннер для издателя
Кампания № 1

Теперь рассмотрим установку баннера размером 728 * 90 пикселей. Для этого перейдите в «Block 2» и вставьте в него ссылку на скрипт с тегом <div>, который содержит идентификатор баннера:

<div id="id_banner_728_90"></div>

Далее отметьте значение «Posts», а в выпадающем списке «Insertion» выберите опцию «After paragraph». На нижней панели кликните на «Devices». В появившемся поле «Client-side device detection» поставьте галочку около строки «Use client-side detection», а из выпадающего списка выберите «Insert». Также отметьте галочкой пункт «Desktop». Нажмите «Save All Settings».

Площадка Баннер для издателя
Кампания № 2

Теперь при открытии поста с устройств с различной величиной экрана можно будет увидеть разные баннеры.

Площадка Баннер для издателя
Разные виды баннеров

Резюмируем вышесказанное:

  1. Прежде чем создавать площадку, нужно убедиться, что в админке уже заведен профиль издателя.
  2. Для создания и настройки площадки необходимо внести сведения, часть из которых является обязательной, в 5 блоков: «Администрирование», «Информация», «Фильтрация», «Ограничения» и «Интеграция».
  3. Полученную по итогу ссылку на скрипт необходимо скопировать и разместить на странице издателя.
  4. При создании адаптивных баннеров для мобильных и десктопных устройств необходимо настроить несколько рекламных площадок. Их количество будет напрямую зависеть от числа баннеров, которые вы хотите разместить.