Как добавить любой баннер или рекламу в поисковую выдачу White Label

В  White Label от Travelpayouts есть возможность добавлять различные расширения в виде виджетов, баннеров, партнёрских ссылок от рекламодателей. В этой статье мы расскажем о том, как добавить любой код в поисковую выдачу (между авиабилетами или отелями).

Чтобы вывести какой-нибудь текст, баннер или, например, рекламу от яндекса в поисковой выдаче White Label, перейдите в настройки, откройте вкладку Подвал и вставьте в самый низ следующий код:

<!-- START подключаем библиотеку для обработки jquery -->
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<!-- END подключаем библиотеку для обработки jquery -->

<div id="append-block"></div>
<script>
$(function(){
$("div#append-block").click(function(){

//показываем блоки после загрузки
$("div.dpt-block-1").show();
$("div.dpt-block-2").show();
$("div.dpt-block-3").show();
$("div.dpt-block-4").show();

//проверяем есть ли пятый блок в результатах авиа выдачи, если есть - выводим после него рекламу, если нет - то выводим после первого блока
if ($(".ticket:nth-child(5)").length > 0) {
$(".ticket--with-labels").before($("div.dpt-block-1"));
$(".ticket:nth-child(4)").after($("div.dpt-block-2"));
$(".layout-manager").append($("div.dpt-block-3"));
$(".ticket:nth-child(7)").after($("div.dpt-block-4"));
} else {
$(".ticket--with-labels").before($("div.dpt-block-1"));
$(".ticket:nth-child(1)").after($("div.dpt-block-2"));
$(".layout-manager").append($("div.dpt-block-3"));
$(".ticket:nth-child(1)").after($("div.dpt-block-4"));
}

//проверяем есть ли пятый блок в результатах отелей, если есть - выводим после него рекламу, если нет - то выводим после первого блока
if ($(".search-results-cards-wrapper-card:nth-child(5)").length > 0) {
$(".search-results-cards-wrapper-card:first-child").before($("div.dpt-block-1"));
$(".search-results-cards-wrapper-card:nth-child(4)").after($("div.dpt-block-2"));
$(".search_results-wrapper").append($("div.dpt-block-3"));
$(".search-results-cards-wrapper-card:nth-child(7)").after($("div.dpt-block-4"));
} else {
$(".search-results-cards-wrapper-card:first-child").before($("div.dpt-block-1"));
$(".search-results-cards-wrapper-card:nth-child(1)").after($("div.dpt-block-2"));
$(".search_results-wrapper").append($("div.dpt-block-3"));
$(".search-results-cards-wrapper-card:nth-child(1)").after($("div.dpt-block-4"));
}
});

//эмулируем клик для инициализации показа объявлений
setTimeout(function(){
$("div#append-block").click();
}, 9000);
});
</script>

<!--баннер, который показывается первым-->
<div class="dpt-block-1" style="display:none"><a href="#" style="width:100%; text-align:center; font-weight:bold; margin: 20px 0; display: block;">Ссылка 1</a></div>

<!--баннер, который показывает после третьего билета-->
<div class="dpt-block-2" style="display:none"><a href="#" style="width:100%; text-align:center; font-weight:bold; margin: 20px 0; display: block;">Ссылка 2</a></div>

<!--боковой баннер справа-->
<div class="dpt-block-3" style="display:none"><p style="width:100%; text-align:center; font-weight:bold; margin: 20px 0; display: block;">Текст бокового баннера (может быть html)</p></div>

<!--баннер, который выводится после пятого блока-->
<div class="dpt-block-4" style="display:none"><a href="#" style="width:100%; text-align:center; font-weight:bold; margin: 20px 0; display: block;">Ссылка 3</a></div>

Чтобы изменить содержимое блока, отредактируйте код, расположенный между тегами div с классами dpt-block:

<div class="dpt-block-1" style="display:none">
//Здесь вы можете разместить любой свой код или текст
</div>

Вот так можно разместить код баннера со ссылкой на сайт рекламодателя:

<div class="dpt-block-1" style="display:none">
<a target="_blank" href="https://c45.travelpayouts.com/click?shmarker=78606&promo_id=1300&source_type=banner&type=click"><img src="https://c45.travelpayouts.com/content?promo_id=1300&shmarker=78606&type=init" alt="728x90" width="728" height="90"></a>
</div>

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос