Основные моменты #
В видео ниже мы рассмотрели особенности площадки BANNER для издателя.
Banner — небольшой графический блок рекламы. Он может быть статичным, анимированным или приобретать формат видео.
Обычно баннер содержит гиперссылку на дополнительную страницу или интернет-ресурс рекламодателя, которые можно посетить, кликнув по изображению.
Создание площадки #
Прежде чем создавать площадку, на платформе должен быть заведен профиль издателя. Он самостоятельно регистрируется через главную страницу сайта партнерской программы, или же вы регистрируете его через платформу Salematics.
Чтобы создать новую площадку, нажмите кнопку «Создать» — «Площадка».
Блок «Администрирование» #
Настройка блока «Администрирование»
Откроется страница с настройками площадки.
В блоке «Администрирование» выберите издателя: в поисковом поле укажите его ID или имя. Строка «Партнерка» автоматически заполнится, так как издатель уже привязан к одной из программ.
В выпадающем списке «Статус» по умолчанию установлена опция «Активный». В случае нарушений созданную площадку можно заблокировать, выбрав статус «Отклонен»: издатель не сможет отправлять на нее трафик. Также доступна опция «В архиве (Удалена)» — площадка удалится из системы.
«Категории IAB» — обязательная настройка. Вы должны указать одну или несколько категорий, к которым относится площадка. IAB категории необходимы для точного таргетинга.
Важно: рекомендуем не выставлять больше 10 категорий.
Если возникли трудности с выбором категории, установите «IAB24 — Uncategorized» или «IAB1 — Arts & Entertainment», поскольку они имеют широкое определение. Когда площадка содержит контент сексуального характера, отметьте значение «IAB25-3 — Pornography» — на площадке будет показана только реклама для взрослых.
Важно: не рекомендуем отмечать другие категории, если вы выбрали «IAB25-3 — Pornography».
Раздел «Настройки начислений» #
Отметьте метод отчисления: «Наследуется от вебмастера», «CPM», «CPC», «CPV», «CPA», «RevShare» или «Фиксированная ставка». «Наследуется от вебмастера» используется, когда у издателя уже настроен один из методов. Так настройки издателя будут перенесены на текущую площадку.
Для примера отметим «RevShare». По умолчанию он составляет 65% начислений.
Если вы установите фиксированную модель оплаты (CPM, CPC или CPV), настройте ставку по странам через одноименную кнопку.
В открывшемся окне пропишите ставки по каждой стране либо определите единую ставку для стран.
Если нужно сбросить ставки на среднее значение или установить одну цену для всех стран, кликните на поле «Ставка». Внеся сведения, сохраните изменения.
Для модели CPA можно задать стоимость определенных действий пользователей на сайте рекламодателя.
«Фиксированная ставка» — установленная оплата за сутки, которая начисляется издателю при условии, что площадка осуществила более 1000 показов.
Для всех моделей, кроме Revshare, доступен запланированный переход на Revshare.
Чтобы активировать опцию, поставьте галочку возле соответствующего поля, задайте значение Revshare и дату перехода.
«Ограничение суточного оборота» мы не будем разбирать на конкретном примере. Функционал относится к сложному виду подключения. Настройка необходима для RTB и XML-feed. О SSP/Feed-площадках вы можете прочитать в отдельной статье.
Раздел «Настройки аукциона» #
«Лист приоритетных кампаний» влияет на то, какая реклама будет отображаться на площадке.
Допустим, вы хотите, чтобы на сайте про APK в первую очередь показывались офферы с приложениями, а потом уже все остальное. В таком случае вы можете указать ID рекламных кампаний, которые будут в приоритете.
Чтобы добавить ID кампаний, перейдите в форму редактирования. В появившемся окне перечислите идентификаторы и сохраните настройки.
Из выпадающего списка «Шаблон UTM source» выберите модель, на основе которой генерируется «UTM Source»:
- «Единый для площадки» — устанавливается, если площадка размещена только на одном домене.
- «Зависит от домена» — используется, когда одна и та же площадка размещена на нескольких доменах. Убедитесь, что имена доменов передаются. Это можно проверить в блоке «Фильтры» — «Домены», после того как на площадку начнет поступать трафик.
- «Зависит от S1».
- «Зависит от S2».
- «Зависит от S1 и S2».
Вы можете установить тип «Единый для площадки». Однако рекомендуем договориться с издателем о передаче параметров «S1» и «S2». Подробнее о параметрах мы расскажем далее.
Как только вы убедитесь, что издатель передает параметры, выберите новый, соответствующий шаблон.
Функция проверки качества трафика нужна для включения и выключения проверочного лендинга. Если вы не уверены, что издатель присылает исключительно качественный трафик, активируйте настройку.
Блок «Информация» #
В строке «Имя» укажите название площадки, которое отображает главную суть.
Из списка «Тип инвентаря» выберите инвентарь, который будет использован на площадке. В нашем случае это «Banner».
Блок «Настройки» #
По желанию можно активировать использование родительского контейнера. Баннер будет брать размеры контейнера, в котором размещен скрипт интеграции, если он не находится в элементе <body>.
Из списка «Размер баннерного места» выберите величину баннера, который будет использован на площадке. Мы возьмем «300 * 250», так как будем тестировать баннер с такими параметрами.
Чтобы при дальнейшей интеграции скрипта баннер отображался в желаемом месте, вы можете указать ID контейнера баннерного места. Но параметр необязательный: без него баннер встанет на место скрипта баннера и полностью заполнит родительский контейнер по высоте и ширине.
Рекомендуем использовать шаблон для ID — «id_banner_SIZE». В нашем случае идентификатор будет выглядеть так — «id_banner_300_250» (без двойных кавычек).
Если вы не знаете, что такое ID контейнера, ознакомьтесь со статьей.
В «Методе открытия рекламы» отметьте одну опцию: «То же окно» или «Новое окно». В зависимости от выбора сайт рекламодателя будет открываться нужным образом после нажатия на баннер. Мы рекомендуем выбирать способ «Новое окно».
Установите интервал обновления промоматериала. Если пользователь проводит много времени на сайте издателя, имеет смысл показывать ему разные баннеры в течение одной сессии. Например, установив интервал «Один раз в минуту», контент баннера будет изменяться каждую минуту. Функционал можно настроить «После каждого клика» или отключить обновления. «После каждого клика» работает только в сочетании с методом открытия сайта рекламодателя в новом окне.
Блок «Фильтры» #
Настройка блока «Фильтры»
В «Фильтрах» можно обозначить «Типичность языка», то есть используемый язык браузера.
Предположим, находясь в Великобритании и пользуясь браузером на английском языке, вы имеете дело с регулярным языком, а если при таких же условиях браузер будет на русском — это нерегулярный язык. Настройка позволит отсекать, например, туристов, путешественников или иностранцев, если вы хотите таргетироваться только на британцах.
Существуют и другие настройки. С их помощью возможно, например, указать список браузеров, доменов или устройств, с которых будет или не будет приниматься трафик. В дальнейшем, когда площадка будет запущена, вы можете проанализировать ее качество. Процесс подробно рассмотрен в отдельном материале.
Остановимся на специальных параметрах «S1» и «S2», передающихся при совершении клика.
Так, в «S1» передается SubID первого уровня, а в «S2» — SubID второго уровня.
Предположим, издатель использует площадку на многих сайтах, и в параметрах пересылает домен сайта. То есть у вас есть одна площадка, и чтобы фильтровать трафик с разных сайтов и доменов, можно передавать в параметрах конкретный домен площадки. Эти сведения записываются в базу данных и отправляются рекламодателю для дальнейшей работы. Впоследствии возможна настройка фильтрации по параметрам «S1» и «S2».
Другой параметр — «UTM Source» — хеш-сумма значений: «Домены» + «S1» + «S2». Условия для формирования «UTM Source» вы можете задать в блоке «Администрирование». «UTM Source» используется для более тонкой настройки white и black листов.
Вы можете фильтровать трафик по типам подключения к сети Internet. По умолчанию выбраны все типы.
«Corporate» и «Other» в большинстве своем содержат организации и хостеры. Трафик, который идет с таких типов подключений, чаще всего подозрителен.
Блок «Ограничения» #
По умолчанию для banner площадки могут быть подобраны кампании с типом промоматериала teaser и push. Если вы хотите запретить подбор teaser/push-рекламы для площадки, активируйте соответствующую настройку: «Не подбирать нативные промоматериалы и тизеры» или «Не подбирать PUSH промоматериалы».
Блок «Фильтрация источников трафика» #
Настройка блока «Фильтрация источников трафика»
С помощью JSTDS фильтров вы можете блокировать некачественные запросы на показ рекламы. Работа с фильтрами подробно рассмотрена в статье «Настройка фильтров JSTDS в кампаниях». Процесс установки на площадках будет аналогичным.
Блок «Оптимизация и правила» #
Настройка блока «Оптимизация и правила»
Когда у площадки большое количество источников трафика, которые постоянно меняются, ручной оптимизации будет не хватать. Вы не успеете заблокировать убыточные источники, поскольку они будут появляться и исчезать быстрее, чем вы сможете вносить их в black или white листы.
Блок «Оптимизация и правила» помогает решить такую задачу. Подробнее о настройке правил читайте в отдельном материале. Установка правил одинакова для площадок и кампаний.
Блок «Интеграция» #
Настройка блока «Интеграция»
«Postback URL» используется при «продвинутой» настройке, большинству издателей postback устанавливать не нужно. Здесь вы найдете всю необходимую информацию по настройке «Postback URL».
«Trafficback URL» важен для настройки типа трафика. Подробная инструкция по добавлению trafficback находится в отдельном материале.
Подключение готового скрипта #
Когда необходимые поля будут заполнены, нажмите кнопку «Создать».
Генерируются скрипты: «Directlink» и «Код скрипта». Они расположены в новой вкладке «Подключение». Код применяется для «сложной» настройки.
Мы скопируем и интегрируем «Directlink» на страницу сайта издателя.
Добавление в скрипт переменных для оптимизации трафика #
Издатель может добавлять переменные в рекламный тег, который размещает на своих источниках для более качественного подбора рекламы:
<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» подставляется источник трафика. Если скрипт размещается на конкретном сайте, «S1» указывать не нужно. Когда один и тот же скрипт добавляют на разные сайты, в параметр «S1» вносится домен сайта, на котором находится скрипт.
- «data-s2=”S2″» — взамен «S2» прописывается саб-источник трафика. Рассмотрим два примера саб-источников.
В первом случае есть сайт с различными категориями, которые находятся на саб-доменах. Следовательно, в параметре «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» по своему усмотрению. Когда «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».
На странице вы появится баннер, кликнув на который откроется сайт рекламодателя.
Важно:
Если площадка была только что создана — скрипт может не функционировать. Подождите 10-15 минут и проверьте его работоспособность повторно.
Некоторые плагины браузера могут изменить внешний вид тестового сайта. Поэтому, если ваш тестовый сайт выглядит иначе, откройте его в другом браузере или отключите плагины.
Убедитесь, что идентификатор баннера, указанный в ссылке скрипта, совпадает с ID, который вы используете для отображения места баннера на странице сайта.
Добавление скрипта в CMS Blogger #
Чтобы интегрировать баннер в CMS Blogger необходимо внести изменения в установленную тему. Процесс схож с добавлением скрипта в HTML код.
Мы воспользуемся встроенными виджетами. На сервисе они называются гаджетами — Gadgets. Виджеты предоставляют возможность вставлять баннеры на все страницы постов и на отдельные публикации в редакторе постов.
Сперва авторизуйтесь на Blogger через свой аккаунт и переключитесь во вкладку «Layout».
В новом окне нажмите на «Add a Gadget».
Откроется страница, где нужно выбрать «HTML/JavaScript» виджет, кликнув на название виджета.
В следующем окне в поле «Content» добавьте ссылку на скрипт и тег <div>, которая содержит идентификатор баннера:
<div id="id_banner_300_250"></div>Нажмите «Save».
Перенесите созданный гаджет в колонку «Main»: на место, где будет установлен баннер. Мы добавим его перед основным контентом.
Теперь нажмите на «Save arrangement» — скрипт активируется.
Баннер появится на странице сайта.
Добавление скрипта в CMS WordPress #
При использовании CMS WordPress ссылку на скрипт можно добавить двумя способами:
- внести изменения в тему сайта на WordPress;
- использовать специальный плагин.
Поскольку самый простой и быстрый способ — это воспользоваться плагином, именно его мы рассмотрим.
Сперва войдите в свою учетную запись сайта на базе WordPress и переключитесь во вкладку «Plugins» — «Add New».
На открывшейся странице найдите плагин «Ad Inserter — Ad Manager & AdSense Ads», используя строку поиска. Он является одним из самых популярных решений по размещению рекламы на сайт под управлением WordPress.
Нажмите «Install Now».
Вы можете воспользоваться и другими плагинами для добавления баннеров. Предварительно ознакомьтесь с их перечнем на странице приложений.
Когда расширение будет установлено, кликните на «Activate».
Перейдите во вкладку «Settings» — «Ad Inserter».
В поле «Block 1» вставьте ссылку на скрипт и тег <div>, который содержит идентификатор баннера:
<div id="id_banner_300_250"></div>Мы разместим рекламные баннеры после заголовка основной части контента. Для этого поставим галочку напротив пункта «Posts», а в выпадающем списке «Insertion» выберем позицию «Before content». Остальные настройки вы можете оставить по умолчанию. Нажимаем «Save All Settings».
Баннер появится на странице сайта и будет отображаться после заголовка поста.
Важно: в данном примере мы разместили баннер размером 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». Остальные настройки можно оставить по умолчанию.
Затем нажмите кнопку «Devices». На появившейся панели «Client-side device detection» поставьте отметку возле строки «Use client-side detection». Из выпадающего списка, который расположен рядом, выберите «Insert» и отметьте пункты «Tablet» и «Phone». Нажмите «Save All Settings».
Баннер с размером в 300 * 250 пикселей будет отображаться только на мобильных устройствах с маленькими экранами.
Теперь рассмотрим установку баннера размером 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».
Теперь при открытии поста с устройств с различной величиной экрана можно увидеть разные баннеры.
Резюмируем материал:
- Прежде чем создавать площадку, убедитесь, что на платформе уже существует профиль издателя.
- Полученный directlink скопируйте и разместите на странице сайта издателя.
- При создании адаптивных баннеров для мобильных и десктопных устройств настройте несколько рекламных площадок. Их количество будет напрямую зависеть от числа баннеров, которые вы хотите разместить.
