Стандартно Google AdSense предлагает для размещения код следующего вида:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000" crossorigin="anonymous"></script>
<!-- Адаптивный блок -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-0000000000000000"
data-ad-slot="0000000000"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Сам код состоит из 3-х частей – HTML, CSS и JS. Последние две – CSS и JS – в коде можно указать однократно, а не копировать в каждое рекламное место. Делается это так.
Между тегами <head>…</head> размещаем вызов JS – один раз для всех блоков
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000" crossorigin="anonymous"></script>
В CSS-файл добавляем стиль:
ins.adsbygoogle {display:block;}
И в местах, где планируем показывать рекламу, вставляем код:
<ins class="adsbygoogle" data-ad-client="ca-pub-0000000000000000" data-ad-slot="0000000000" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({});</script>
Еще небольшой лайфхак для Google AdSense. Нередко бывают ситуации, что вы установили рекламный блок фиксированного размера, место он занимает, а реклама в нем не показывается – т.е. остается пустая область. Чтобы ее убрать, добавьте в CSS-файл следующий стиль:
ins.adsbygoogle[data-ad-status="unfilled"] {display: none !important;}
Теперь если рекламы не будет – пустая область будет «сворачиваться».