Как добавить рекламу Google AdSense в White Label

В этой статье рассказывается, как разместить код рекламы Google AdSense в результатах поиска на White Label.

Создание рекламного объявления в AdSense

Перейдите в свой аккаунт AdSense и создайте рекламное объявление.

В результате вы получите код вида:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-0515363181603345"
data-ad-slot="8813803962"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Как добавить рекламный блок в выдачу авиабилетов

Перейдите в настройки White Label и разместите во вкладке Мета (в селекторе Тип страницы выберите пункт Авиа выдача) следующий код:

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<style>.adsbygoogle { text-align:center;margin-bottom:20px;display:inline-block;width:728px;height:90px}
#ad_top_container { text-align:center;}</style>

Обратите внимание на тег ad_top_container - он отвечает за размещение баннера над поисковой выдачей. Если заменить его на ad_bottom_container, то баннер будет отображаться под результатами поиска.

Перейдите на вкладку Подвал и разместите там такой код:

<script>
setTimeout(function(){ var div = document.createElement("ins");
div.setAttribute('class', 'adsbygoogle');
div.setAttribute('data-ad-client', 'GOOGLE-DATA-AD-CLIENT');
div.setAttribute('data-ad-slot', 'GOOGLE-DATA-AD-SLOT'); document.getElementById('ad_top_container').appendChild(div); var js = document.createElement("script");
js.setAttribute('src', 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');
js.setAttribute('async', true);
document.head.appendChild(js); setTimeout(function(){
(adsbygoogle = window.adsbygoogle || []).push({});
}, 1000); }, 3000);
</script>

Замените GOOGLE-DATA-AD-CLIENT на значение атрибута data-ad-client, а GOOGLE-DATA-AD-SLOT на значение атрибута data-ad-slot из кода вашего объявления.

Сохраните изменения. Теперь рекламное объявление Google AdSense будет отображаться в результатах поиска авиабилетов.

Как добавить рекламный блок в выдачу отелей

Чтобы добавить рекламный блок Google AdSense в выдачу отелей, перейдите в настройки White Label и разместите во вкладке Мета (в селекторе Тип страницы выберите пункт Отельная выдача) следующий код:

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<style>.adsbygoogle { text-align:center;margin-bottom:20px;display:inline-block;width:728px;height:90px}
#ad_top_container { text-align:center;}</style>

Перейдите на вкладку Подвал и разместите там такой код:

<script>
setTimeout(function(){
var div = document.createElement("ins");
div.setAttribute('class', 'adsbygoogle');
div.setAttribute('data-ad-client', 'GOOGLE-DATA-AD-CLIENT');
div.setAttribute('data-ad-slot', 'GOOGLE-DATA-AD-SLOT');
$('.search-results-title').append(div);
var js = document.createElement("script");
js.setAttribute('src', 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');
js.setAttribute('async', true);
document.head.appendChild(js);
setTimeout(function(){
(adsbygoogle = window.adsbygoogle || []).push({});
}, 1000);
}, 3000);
</script>

Замените GOOGLE-DATA-AD-CLIENT на значение атрибута data-ad-client, а GOOGLE-DATA-AD-SLOT на значение атрибута data-ad-slot из кода вашего объявления.

Сохраните изменения. Теперь рекламное объявление Google AdSense будет отображаться в результатах поиска отелей.

Как изменить место рекламного блока

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

Чтобы добавить рекламный блок между результатами поиска, замените в коде, размещённом в Подвале White Label, .search-results-title на .search-results-cards-wrapper-card:nth-child(5). В итоге в подвале у вас получится код вида:

<script>
setTimeout(function(){
var div = document.createElement("ins");
div.setAttribute('class', 'adsbygoogle');
div.setAttribute('data-ad-client', 'GOOGLE-DATA-AD-CLIENT');
div.setAttribute('data-ad-slot', 'GOOGLE-DATA-AD-SLOT');
$('.search-results-cards-wrapper-card:nth-child(5)').append(div);
var js = document.createElement("script");
js.setAttribute('src', 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');
js.setAttribute('async', true);
document.head.appendChild(js);
setTimeout(function(){
(adsbygoogle = window.adsbygoogle || []).push({});
}, 1000);
}, 3000);
</script>

Как убрать отображение рекламного блока на главной странице White Label

Чтобы убрать объявление с главной страницы White Label, добавьте проверку на наличие класса TPWL-widget--front_page.

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<style>.adsbygoogle { text-align:center;margin-bottom:20px;display:inline-block;width:728px;height:90px}
#ad_top_container { text-align:center;}
.TPWL-widget--front_page #ad_top_container { display:none;}
</style>

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

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