Как грамотно вставить (адаптивный) код AdSense
Стандартный код AdSense состоит из HTML-, CSS- и JS-частей.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 728×90 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-0000000000000000"
data-ad-slot="0000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
И вставлять его как есть на мой взгляд не очень эстетично. На этом примере я пока жу как вставить два рекламных блока на одну страницу.
Для начала в секции head HTML-кода нужно подключить JS-файл. Один раз для всех блоков.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Затем в секции body HTML-кода нужно пометить места, куда будет вставлен код AdSense.
<ins class="adsbygoogle" data-ad-client="ca-pub-0000000000000000" data-ad-slot="0000000000"></ins>
<ins class="adsbygoogle" data-ad-client="ca-pub-0000000000000000" data-ad-slot="0000000000"></ins>
В подключаемом CSS-файле (или секции head HTML-кода) нужно назначить стили для будущих блоков AdSense.
ins.adsbygoogle {display: inline-block; width: 728px; height: 90px;}
В подключаемом JS-файле (или секции head HTML-кода) нужно вызвать создание рекламного кода. Это делается для каждого блока.
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
Как вставить адаптивный код Адсенс
Кроме того, что в Гугле есть специально созданный для этого адаптивный блок, можно ещё пошаманить, комбинируя блоки различных размеров при этом не уменьшая количество допустимых блоков на странице. Если вы хотите, чтобы я подробно расписал как это сделать, оставляйте свои пожелания в комментариях.
Комментарии
@fnybin
Здравствуйте!
У вас есть вопрос или вам нужна помощь?
Спасибо, ваш вопрос принят.
Ответ на него появится на сайте в ближайшее время.