Используя показ рекламы Google Adsense на своём сайте, часто наблюдается желтый фон под объявлением. С одной стороны фон привлекает пользователя к рекламе, с другой стороны полностью рушит дизайн сайта. В этой статье убираем желтый фон рекламы Google Adsense, раз и навсегда.
С момента появления на Google Adsense адаптивного типа рекламных объявлений, появилась проблема желтого фона под объявлением. Виден этот фон если объявление меньше параметров страницы, а также при загрузке страницы от её отрисовки до DOM загрузки.
Если обратите внимание, Google Adsense активно использует для подсветки желтый фон. Подвигайте мышью по таблице «Мои объявления» в аккаунте Google Adsense и поймете, почему фон желтый.
Чтобы понять, как убрать желтый фон рекламы Google Adsense посмотрим на сам код рекламного объявления.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Новый -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Видим, что в коде любого рекламного блока, не только адаптивного, используется тег ins. Начинается тег с <ins, и содержит класс class=»adsbygoogle».
Вот что Google говорит об этом теге:
Тег ins используется для любых объявлений iframe/JavaScript или JavaScript. Создается тег только для поддерживаемых мест размещения. Когда тег срабатывает на сайте, атрибуты HTML заменяются соответствующими параметрами и возвращают запрашиваемый контент.
Источник: //support.google.com/dcm/partner/answer/6080468?hl=ru
При создании объявления в параметре «Если объявления недоступны» выставите «Показать цветную заставку». Укажите фон вашего сайта в пункте «Вместо показа объявления».
В любом сайте на любой CMS есть возможность редактировать файл таблица стилей. Чтобы убрать желтый цвет фона объявлений, нужно изменить или указать свойство тега ins.
ins {background: #fff;}, где #fff это html код нужного цвета, в данном случае белый.
,а здесь я поставил фон виджета (серый).
В любом современном шаблоне в настройках шаблона есть вкладка «Дополнительные стили». Откройте её и вставьте строку
ins {background: #fff;}Код цвета поменяйте под фон своего сайт. Она (строка) изменит фон рекламы и останется при обновлении шаблона.
В большинстве шаблонов Joomla в настройках шаблона есть вкладка Custom Code CSS (Дополнительные стили CSS). Откройте её и вставьте в поле CSS строку
ins {background: #fff;}©DengiInet.ru
За последние несколько лет возрос интерес к интернет-проектам, которые предлагают заработок в режиме онлайн. Одним…
Что такое и зачем нужен агентский кабинет для рекламы и арбитража.
Только то, что вам действительно нужно знать про онлайн обменник криптовалют и электронных денег.
В этой статье вы узнаете, одобрит ли банк кредит и от чего это зависит.
В этой статье вы найдете несколько солидных партнерских программ по казино партёркам.
Посмотреть комментарии
Спасибо за инфу. Помогло. Голову долго ломал ка это реализовать. И в чём странность, если править css в самом шаблоне, то ни чего не меняется...... Ещё раз спасибо.....
В дополнении:
Фон можно просто убрать.
background-color:transparent;