Как грамотно вставить (адаптивный) код 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({});

Как вставить адаптивный код Адсенс

Кроме того, что в Гугле есть специально созданный для этого адаптивный блок, можно ещё пошаманить, комбинируя блоки различных размеров при этом не уменьшая количество допустимых блоков на странице. Если вы хотите, чтобы я подробно расписал как это сделать, оставляйте свои пожелания в комментариях.

Комментарии

  • Здравствуйте,хотел бы узнать как зарабатывать в этом сайте
    Вошел в общем,в личный кабинет,все ОК,только до сих пор,разобраться не могу...
    Пожалуйста,напишите все подробно....