В статье мы расскажем, как добавить любой код в поисковую выдачу (между авиабилетами или отелями).  

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

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

1. Откройте настройки White Label в личном кабинете Travelpayouts;

2. Перейдите на вкладку Мои блоки;

3. Добавьте в самый низ блока Футер сайта сайта следующий код:

<!-- 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(){
 

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

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

});

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

4. Чтобы изменить содержимое блока, отредактируйте код, расположенный между тегами 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>