При размещении адаптивных блоков Google AdSense может возникать желтый фон в объявлении. Разберем отчего он появляется и как это исправить.
Повысить монетизацию сайта помогает размещение рекламы от Google. При размещении блоков Google AdSense адаптивных размеров может появляться желтый фон у рекламного блока. Вот как это может выглядеть:
Причина появления желтого фона в том, что размеры появляющегося рекламного объявления AdSense не совпадают с размером блока. Исправить это просто, достаточно в CSS-стилях прописать следующее:
ins { background: #fff !important; }
Добавьте эту строчку в файл стилей, который часто называется style.css, также можно вставить стиль непосредственно на страницу, где отображается рекламное объявление. Сделать это надо в коде до закрывающегося тега </head> вот так:
<head>
…
<style type=”text/css”>
ins { background: #fff !important; }
</style>
…
</head>
#fff – это фон вашего сайта, в данном случае белый.
Еще один способ – это добавить стиль непосредственно в сам код рекламного блока, добавить нужно строчку background: #fff !important; и выглядеть это будет так:
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Google AdSense–>
<ins class=”adsbygoogle”
style=”display:block;background: #fff !important;”
data-ad-client=”ca-pub-1XXX XXX XXX”
data-ad-slot=”1XXX XXX XXX”
data-ad-format=”link”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Вот и все! Не забудьте сохранить файл, закачать его на сервер на хостинг и сбросить если необходимо кеш. Теперь ваши адаптивные объявления AdSense будут показываться на том фоне, которые заданы в настройках при создании блока.