InterMaster.com.ru

Разное и возможно полезное

Как правильно разместить код Google AdSense

Просмотров: 1683Комментарии: 0
Рубрика: СайтостроительствоМетки:
Если вы планируете показывать рекламный блок AdSense в единственном месте на своем сайте – то можно использовать тот вариант кода, который предлагает Гугл. Однако если вы планируете разместить рекламу AdSense сразу в нескольких местах на своем сайте – то стоит задуматься об оптимизации данного кода.

Стандартно 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;}
Теперь если рекламы не будет – пустая область будет «сворачиваться».

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Вы можете войти под своим логином или зарегистрироваться на сайте.

Выберите человечка с поднятой рукой!

При нажатии на картинку, Ваш комментарий будет добавлен.