Как убрать желтый фон объявлений Adsense в WordPress

Желтая заливка объявлений Adsense видна при загрузке страницы, а также когда размер объявления меньше ширины блока, в котором располагается объявление. Проблема появилась вместе с адаптивными объявлениями от Google, и с тех пор ничего для решения ситуации не применялось.

Самостоятельно избавиться от желтого фона вокруг рекламы можно раз и навсегда, изменив значение тега INS в CSS стилях сайта.

Оглавление статьи:

Причина появления желтого фона

С вводом адаптивных объявлений немного изменился код, который размещается на сайте и вызывает рекламные блоки. По-умолчанию для него используются стили от Google, и не все настройки и цвета можно задать при создании нового блока.

В каждом адаптивном рекламном блоке присутствует следующий код: ins class=’adsbygoogle’

Этот тег ins как раз и вызывает желтый фон, делая объявления на сайтах приблизительно такого вида: Желтый фон рекламных блоков

От желтого фона в блоках Adsense также можно избавиться, отключив показ медийных объявлений в настройках рекламной сети. Делать этого не рекомендуется, поскольку одни лишь текстовые объявления гораздо менее эффективны в плане доходности. Гораздо проще один раз задать настройки цвета принудительно, указав такой же фон для заливки, какой находится в месте расположения рекламного блока.

Убираем желтый фон на WordPress

Инструкция написана для WordPress, поскольку проблема, в 99% случаев, появляется именно на этой CMS. Для всех остальных CMS алгоритм решения такой же: нужно найти файл стилей ctyle.css и прописать в нем указанный ниже код, чтобы принудительно задать цвет фона заливки.

Пошаговая инструкция:

  1. Открыть CSS стили сайта. В WordPress редактирование файлов доступно в панели администратора, в разделе Внешний вид Редактор.

    Редактор кода в админке WordPress

  2. Найти файл style.css в правой колонке. В зависимости от темы, список файлов может быть достаточно большой, а файлов стилей может быть несколько. Начать поиск нужного значения нужно именно с файла style.css.

    Файл style.css в WordPress

  3. Найти в стилях следующий код:

    ins { background: #fff, text-decoration: none, }

    Вместо #fff могут быть другие цифры, обозначающие цвет фона на том месте, где расположен блок рекламы.

    Стили ins background

  4. Нужно прописать новое значение background, где вместо #fff будет написан нужный цвет вместо желтого, а также добавлен новый атрибут !important, заставляющий браузеры принудительно использовать данную настройку.

    ins { background: #fff !important, text-decoration: none, }

В html коде #fff обозначает белый цвет. Если требуется другой цвет фона, нужно найти html-обозначение его цвета среди других стилей сайта. Альтернативный вариант сделать скриншот сайта и определить цвет с помощью перетки в Photoshop (можно использовать онлайн-версию программы), либо обычном Paint для Windows.

Готовый код (для белого фона) будет выглядеть следующим образом: Белый цвет тега ins background

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

,

Отключение или удаление ненужных расширений из Google Chrome производится в настройках. Для управления расширениями достаточно ввести в адресной строке chrome://extensions/. Расширения не обязательно удалять из браузера окончательно. Их можно отключить,&hellip,

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Все об интернете и компьютерах, руководство по настройке, советы по программам, защита и безопасность
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

13 − 10 =