Как изменить адаптивный рекламный код Google AdSense для таргетинга по устройствам?

В некоторых случаях вам может понадобиться скрыть рекламный блок AdSense на определенных устройствах. К примеру, если рекламный блок размещен в сайдбаре и старгетирован на все устройства, как правило, он будет имееть высокий показатель видимости на десктопе и, в то же время в мобильной версии сайта он будет отображается в самом низу экрана, после основного контента и, наоборот, иметь очень низкий показатель видимости. В итоге, общая видимость блока будет достаточно низкой. Самый лучший способ это проверить - построить отчет в вашем аккаунте AdSense в разделе Reports > Break down by: Ad unit > then: Platform.

screenshot_12.png

В этом случае лучше оставить для этого рекламного блока таргетинг только на десктопе и создать новый баннер для установки только на мобильной версии сайта, разместив его в более видимой позиции.  Больше рекомендаций по оптимизации видимости рекламы и почему это важно вы можете найти в этой статье.

Для того, чтобы скрыть рекламный блок в зависимости от устройства, издателю необходимо установить параметр с медиа-запросами CSS, чтобы реклама не запрашивалась и не показывалась.

Примеры, приведенные ниже, являются допустимыми модификациями рекламного кода AdSense. Более подробная информация здесь.

Скрыть рекламный блок на мобильных устройствах

В этом примере показано, как внести изменения в код блока AdSense для отображения только на десктопных устройствах с шириной экрана более 900 пикселей.

<style type="text/css">
@media (max-width: 900px) { .banner_only_desktop { display: none; } }
</style>
<ins class="adsbygoogle .banner_only_desktop"
   data-ad-client="ca-pub-XXXXXXX11XXX"
   data-ad-slot="12345678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Вы можете применить этот пример кода к вашему сайту. Пожалуйста, замените: 

  • ca-pub-XXXXXXX11XXX своим идентификатором издателя
  • 12345678 идентификатором своего рекламного блока
  • при необходимости, замените все экземпляры .banner_only_desktop уникальным именем, например, Home_Page , front_page_123 и т. д.
Скрыть рекламный блок на десктопных устройствах

В этом примере показано, как внести изменения в код блока AdSense для отображения только на мобильных и планшетных устройствах с шириной экрана до 900 пикселей.

<style type="text/css">
@media (min-width: 900px) { .banner_only_mobile { display: none; } }
</style>
<ins class="adsbygoogle .banner_only_mobile"
   data-ad-client="ca-pub-XXXXXXX11XXX"
   data-ad-slot="12345678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Вы можете применить этот пример кода к вашему сайту. Пожалуйста, замените: 

  • ca-pub-XXXXXXX11XXX своим идентификатором издателя
  • 12345678 идентификатором своего рекламного блока
  • при необходимости, замените все экземпляры .banner_only_mobile уникальным именем, например, Home_Page , front_page_123 и т. д.