Площадка POPADS JS для издателя

В статье ниже мы рассмотрим особенности инвентаря POPADS JS для издателя.

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

Popads js — это всплывающие окна для размещения рекламных сообщений. Окна могут открываться как на переднем (pop-up), так и на заднем фоне (pop-under/tab-under). Pop-under — более изощренный прием распространения рекламы. Он не привлекает внимание пользователя, пока активное окно не будет закрыто, и затрудняет возможность определения источника появления всплывающего окна.

Данный тип промоматериала используется для продвижения wow-товаров, сбора контактных данных взамен на возможность выиграть что-либо или для установки cookie файлов. Последний метод применяют при работе с интернет-магазинами, использующими модель атрибуции «Last cookie win».

Инвентарь POPADS JS для веб-мастера
Пример работы pop-up

Инвентарь POPADS JS для веб-мастера
Пример работы pop-under

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

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

Площадка POPADS JS для издателя
Создание площадки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Например, если вы укажите «Мобильный и десктопный» вид, то реклама будет показываться как мобильным, так и десктопным пользователям. Если выберете «Мобильный» — реклама будет отображаться только для мобильных пользователей, при этом сам рекламный блок (pop-up) будет открываться по клику в любом случае. Поэтому важно обозначить trafficback, к которому мы перейдем чуть позже. То же самое касается и десктопного трафика. Для примера мы выберем «Только мобильный трафик».

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

Затем нужно определиться с методом открытия:

  • «Popunder по клику» — реклама открывается во вкладке в невидимой зоне.
  • «Popup по клику» — реклама сразу открывается в новой вкладке;

Мы установим метод «Popup по клику».

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

Далее следует поле «Acc Bid Floor», обозначающее минимальную ставку. Эта настройка позволяет указать наименьшую ставку, при которой будет срабатывать скрипт.

Например, если издатель хочет получать от 10 центов за 1000 показов, то здесь нужно выставить значение 0,1. Тогда все рекламные объявления, которые дают меньше 10 центов, не будут показываться.

Площадка POPADS JS для издателя
Блок «Информация», поле «Acc Bid Floor»

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

Площадка POPADS JS для издателя
Настройки показов

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

Площадка POPADS JS для издателя
Настройки показов

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

Площадка POPADS JS для издателя
Интервал между показами

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

Например, установим два показа в один час с интервалом 10 минут. Таким образом, клиент за один час увидит два промоматериала с задержкой в 10 минут.

Площадка POPADS JS для издателя
Задержка активации

Настройка «Задержка активации» означает время ожидания перед первым показом рекламы. Если вы не хотите, чтобы пользователю, пришедшему на сайт и сделавшему один клик, сразу же показалась реклама, то обязательно настройте временную отсрочку. Для примера мы укажем 30 секунд. Следовательно, только через 30 секунд после первого клика на сайте ему откроется pop-up.

Площадка POPADS JS для издателя
Задержка активации

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

Площадка POPADS JS для издателя
Поле «Активировать после клика по элементам (по ID)»

Поле «Деактивировать после клика по элементам (по ID)» аналогично тому, что указано выше, только имеет обратное действие. Например, на сайте можно добавить кнопку «Выключить рекламу». И если пользователь кликнет на нее — реклама будет отключена.

Площадка POPADS JS для издателя
Поле «Деактивировать после клика по элементам (по ID)»

Поле «Дополнительные селекторы для активации» можно использовать, когда, например, мы хотим, чтобы pop-up открывался только при клике на какой-то определенный объект. Здесь прописываются селекторы элементов, которые будут привязаны к данному объекту.

Аналогичная ситуация обстоит и с полем «Дополнительные селекторы для деактивации», работающим в обратную сторону.

Площадка POPADS JS для издателя
Поля «Дополнительные селекторы для активации» и «Дополнительные селекторы для деактивации»

Если поставить галочку около строки «Открывать сразу 2 рекламных блока», то один клик будет открывать сразу два pop-ups.

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

Площадка POPADS JS для издателя
Строка «Открывать сразу 2 рекламных блока»

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

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

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

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

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

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

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

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

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

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

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

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

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

Trafficback устанавливается для того, чтобы избежать таких ситуаций. Он может быть настроен при помощи добавления ссылки какой-то другой рекламной сети, то есть directlink, либо же — домена самого издателя, например, главной страницы сайта. По умолчанию лучше всегда ставить trafficback, предварительно согласовав это с издателем.

Также в «Trafficback» можно указывать параметры «S1», «S2», «S3» (их мы рассматривали ранее) и «query». В параметре «query» передается заголовок страницы, на которой был размещен рекламный код. Значение, передающееся в параметре, позволяет таргетироваться по ключевым словам и персонализировать промоматериалы в рекламных кампаниях.

Рассмотрим пример подстановки ключевого слова в trafficback. KEYWORD обозначает место, куда необходимо добавить ключевое слово. Чтобы оно подставлялось вместо KEYWORD, заменим его на {QUERY}.

Изначальная ссылка:

http://www.onefamousdownloadsite.com/search/KEYWORD.html?aff.id=1234

Ссылка с заменой на {QUERY}:

http://www.onefamousdownloadsite.com/search/{QUERY}.html?aff.id=1234
Площадка POPADS JS для издателя
Блок «Интеграция», настройки

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

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

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

Важно: функционал pop-up скрипта можно расширить за счет функции «Fallback». Если рекламу открыть невозможно, то она позволяет запустить другой скрипт. Например, pop-up скрипт сторонней рекламной сети.

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

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

<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-s1="website.com" data-s2="movie.website.com"></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. Сперва перейдите по данной ссылке. В появившемся окне с кодом найдите открывающий тег <body>.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в HTML код

На следующей строке после него, нажав на «Enter», вставьте ссылку на полученный ранее скрипт.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в HTML код

Затем нажмите на кнопку «Run» и кликните на любую область экрана, где отображается демо-страница. После этого скрипт заработает, и в новой вкладке откроется pop-up.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в HTML код

Важно:

Ссылку на скрипт можно размещать в любом месте страницы. Но лучше всего это делать ближе к ее началу. Добавляйте ссылку либо перед закрывающим тегом </head>, либо сразу после открывающего тега <body>.

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

Добавление ссылки в CMS Blogger #

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

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

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в CMS Blogger

В открывшемся окне нажмите на кнопку «Edit HTML».

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в CMS Blogger

Перед вами появится поле с кодом, где нужно найти закрывающий тег </head>.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в CMS Blogger

Вставьте ссылку на скрипт в пустую строку перед ним.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в CMS Blogger

Теперь нажмите «Save theme» — скрипт должен активироваться. Pop-up также откроется при клике на любую область сайта, к которому вы его подключили.

Инвентарь POPADS JS для веб-мастера
Добавление ссылки в CMS Blogger

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

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

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

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

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

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

Это изображение имеет пустой атрибут alt; его имя файла - izobrazhenie-8-1024x475.png
Добавление ссылки в CMS WordPress

На открывшейся странице найдите плагин «Insert Headers and Footers», используя строку поиска, и нажмите «Install Now».

Площадка POPADS JS для издателя
Добавление ссылки в CMS WordPress

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

Площадка POPADS JS для издателя
Добавление ссылки в CMS WordPress

После этого перейдите во вкладку «Settings» — «Insert Headers and Footers».

Площадка POPADS JS для издателя
Добавление ссылки в CMS WordPress

Далее вставьте ссылку на скрипт в поле «Scripts in Header» и нажмите на кнопку «Save». Теперь Oneclick Pop-up интегрирован на сайт с WordPress.

Площадка POPADS JS для издателя
Добавление ссылки в CMS WordPress

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

Проверка работы JS на тестовом ресурсе #

Чтобы проверить работу рекламной площадки Onclick Pop-up, воспользуемся тестовой страницей. В данном случае мы рассмотрим проверку кода скрипта на примере браузера Google Chrome. Для браузера Firefox процесс проверки будет аналогичным.

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

Сперва зайдите на тестовую страницу сайта W3Schools по данной ссылке. Как только она загрузится, нажмите CTRL + SHIFT + I. Перед вами откроется консоль браузера, на которой нужно перейти в одноименную вкладку «Console».

Инвентарь POPADS JS для веб-мастера
Проверка работы JS на тестовом ресурсе

Скопируйте код скрипта из раздела «Подключение» в админке.

Площадка POPADS JS для издателя
Проверка работы JS на тестовом ресурсе

Вернитесь на вкладку с тестовой страницей, вставьте код в пустое окно консоли и нажмите «Enter».

Инвентарь POPADS JS для веб-мастера
Проверка работы JS на тестовом ресурсе

Если все сработает правильно, чуть ниже кода появится сообщение «True».

Инвентарь POPADS JS для веб-мастера

Далее кликните по тестовой странице. Onclick Pop-up сработает в зависимости от того, как вы настроили его ранее.

Инвентарь POPADS JS для веб-мастера
Проверка работы JS на тестовом ресурсе

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

Добавление «Fallback» скрипта
#

Как уже упоминалось ранее, для pop-up скрипта можно настроить «Fallback». Он пригодится в следующих случаях:

  1. Пользователю присущи специфические местоположения или устройства, под которые нет подходящего оффера.
  2. У площадки выставлена настройка «Не выполнять невыгодную ротацию» или установлен высокий «Acc Bid Floor». При таких условиях будет отображаться только та реклама, доход от которой окупит стоимость ее показа.
  3. У площадки установлен фильтр: например, может быть выставлен запрет на показ рекламы для каких-то определенных браузеров или устройств.

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

Настроить «Fallback» скрипт можно двумя способами.

Первый способ интеграции скрипта #

Стандартная ссылка на pop-up скрипт выглядит следующим образом:

<script src="//mediaoaktree.com/pu-placer.js?t=1568800722" data-ts="1568800722" data-domain='jyv-24.com' data-cdn-domain='mediasprucetree.com' data-promo-cdn='mediaoaktree.com' data-pl-token='8fb0f4742e6e6dbc37409c5f2e3c616d27429272' data-type='up' ></script>

В нее нам необходимо добавить значение

data-fallback-src="SRC_TO_SCRIPT"

где SRC_TO_SCRIPT следует заменить ссылкой на скрипт, который должен срабатывать в качестве «Fallback». Для теста мы воспользуемся ссылкой, которая выводит функцию alert, в случае, если реклама не подобралась. В нашем примере она будет находиться по адресу:

https://salematics.ru/fallback_test.js

Теперь добавим скрипт в нашу ссылку на pop-up:

data-fallback-src="https://salematics.ru/fallback_test.js"

В результате чего получим такой код:

<script src="//mediaoaktree.com/pu-placer.js?t=1568731942&__emulate_no_ad=true" data-ts="1568731942" data-domain='jyv-24.com' data-cdn-domain='mediasprucetree.com' data-promo-cdn='mediaoaktree.com' data-pl-token='8fb0f4742e6e6dbc37409c5f2e3c616d27429272' data-type='up' data-fallback-src="https://salematics.ru/fallback_test.js"></script>

Для проверки его работоспособности воспользуемся текстовым редактором на базе образовательного сайта W3Schools. О том, как добавлять скрипт в CMS Blogger и WordPress, читайте в предыдущих главах этого материала.

Сперва перейдите по данной ссылке и добавьте готовый скрипт с «Fallback» после закрывающего тега </style>.

Инвентарь POPADS JS для веб-мастера
Добавление «Fallback» скрипта

Итак, после добавления скрипта на платформу W3Schools нажмите кнопку «Run». Затем кликните по любой зоне тестового сайта. Если для вас будет подобрана реклама, откроется новая вкладка с одним из наших офферов.

Инвентарь POPADS JS для веб-мастера
Добавление «Fallback» скрипта

Чтобы имитировать ситуацию, при которой реклама не будет подобрана, добавьте к URL сайта следующий элемент:

&__emulate_no_ad=true

У вас должна получиться такая ссылка на страницу W3Schools:

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_food_blog&stacked=h&__emulate_no_ad=true

Обратите внимание, что когда вы перейдете по ней, размещенный ранее скрипт исчезнет из кода. Вам нужно будет снова добавить его после закрывающего тега </style> и нажать на кнопку «Run». Теперь, когда вы нажмете на тестовую страницу, появится сообщение о том, что сработал «Fallback», так как подходящая реклама не нашлась.

Инвентарь POPADS JS для веб-мастера
Проверка «Fallback» скрипта

Второй способ интеграции скрипта #

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

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

<script src="//mediaoaktree.com/pu-placer.js?t=1568802131" data-ts="1568802132" data-domain='jyv-24.com' data-cdn-domain='mediasprucetree.com' data-promo-cdn='mediaoaktree.com' data-pl-token='8fb0f4742e6e6dbc37409c5f2e3c616d27429272' data-type='up' ></script>

После ссылки на скрипт необходимо установить «контейнер», в который мы добавим скрипт другой рекламной сети:

<script>
    window.onnoads_8fb0f4742e6e6dbc37409c5f2e3c616d27429272 = function () {
      // PLACE YOUR CODE HERE
    }
  </script>

В нашем случае мы воспользуемся тестовым скриптом и вставим его вместо значения «// PLACE YOUR CODE HERE». Он будет выводить сообщение на экран о том, что реклама не подобралась. Этот скрипт выглядит так:

document.onclick = myClickHandler;
        function myClickHandler() {
            alert;
        }

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

<script src="//mediaoaktree.com/pu-placer.js?t=1568802131" data-ts="1568802132" data-domain='jyv-24.com' data-cdn-domain='mediasprucetree.com' data-promo-cdn='mediaoaktree.com' data-pl-token='8fb0f4742e6e6dbc37409c5f2e3c616d27429272' data-type='up' ></script>

<script>
    window.onnoads_8fb0f4742e6e6dbc37409c5f2e3c616d27429272 = function () {
      document.onclick = myClickHandler;
        function myClickHandler() {
            alert("Это пример Fallback скрипта. Он появляется в случае, если реклама не подобралась. В реальном примере у вебмастера сработал бы попап скрипт другой сети.");
        }
    }
  </script>

Теперь снова переходим по ссылке на тестовый сайт и вставляем готовый код. Нажимаем «Run» и делаем клик по любой точке пробного сайта. Если реклама подберется, то она откроется в новой вкладке.

Инвентарь POPADS JS для веб-мастера
Второй способ интеграции скрипта

Чтобы проверить работу скрипта, в случае, когда реклама не подбирается, перейдите по данной ссылке. Затем добавьте готовый код, нажмите кнопку «Run» и кликните по тестовому сайту. После откроется сообщение о том, что сработал «Fallback» скрипт.

Инвентарь POPADS JS для веб-мастера
Второй способ интеграции скрипта

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

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