Как убрать желтый фон с блоков Adsense

желтый фон с блоков Adsense

Хочу поделиться информацией о том, как убрать желтый фон с блоков Adsense. На многих сайтах, где стоят блоки рекламы, есть такая проблема, а их владельцы в недоумении разводят руками и говорят, что все настройки в адсенс сделаны правильно, однако проблема остается.

Появляется он в нескольких случаях:


1. Пока загружается основной контент сайта, а сами блоки еще не загрузились, на их месте сияет некрасивый желтый прямоугольник. Выглядит это примерно вот так:

Желтый прямоугольник до загрузки рекламы

Это, конечно, еще терпимо, если после полной загрузки объявление займет всю нужную область. Но, так не всегда происходит.

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

Пример желтого фона под объявлением
Согласитесь, не очень красиво. Это будет происходить в том случае, если в настройках показа объявлений в Adsense отмечен галочкой такой пунктик:

настройках показа объявлений в Adsense

Но, это не значит, что эту галочку нужно убрать. Я не советую этого делать, так как убрав эту настройку, вы уменьшите количество релевантных объявлений, которые могут быть показаны на сайте, а значит уменьшится и заработок. Мы, как говорится, пойдем другим путем.

Многие скажут: «Ну я же поставил в настройках Адсенс заливку нужным фоном, а проблема не решается». Речь вот об этой настройке:

Настройка заливки в АдсенсДаже если у вас тут выбран нужный цвет (а выбрать его нужно), это не решит проблему с желтым фоном.

Итак, как же убрать желтый фон?


Сделать это, на самом деле довольно просто, нужно немного подправить сам шаблон сайта.

1. В первую очередь, при помощи пипетки, нужно определить код этого самого желтого цвета. Узнать о программах, которые могут это сделать и скачать их, вы можете в тут.

2. Теперь нужно открыть в текстовом редакторе (рекомендую Notepad++) файл из шаблона под названием style.css, и при помощи поиска найти тот самый код желтого цвета.

В моем случае это #FFFFCC.

Скорее всего, нужная нам строка будет выглядеть так:

или

В этой строке нужно цвет с желтого (#FFFFCC) исправить на белый (#FFFFFF) или на другой, если фон вашего сайта не белый, и добавить «!important». В итоге у нас должно получиться:

или

Если, вдруг, такой строки в файле style.css вы не найдете, посмотрите, возможно есть еще файлы, отвечающие за стиль, в некоторых темах таких файлов бывает несколько. И, всё же, если не найдете, просто допишите её самостоятельно.
Не забывайте только, перед любыми изменениями делать копию изменяемого файла

Теперь файл style.css сохраняем и копируем с заменой на сервер. Вот и все, после таких нехитрых действий желтый фон на объявлениях должен замениться на цвет фона вашего сайта. Если у вас есть вопросы, пишите в комментариях, помогу чем смогу)



Автор: Светлана Слободенюк
Ваша оценка статьи: [ratings]
Letyshops [lifetime]

Не пропустите похожие интересные посты!

Об авторе Смотреть все записи

Светлана Слободенюк

Я автор данного блога. Все статьи, которые вы найдете на моем блоге авторские, написанные исходя из личного опыта и "набитых шишек")

КомментариевОставить комментарий

  • Спасибо. Помогло. Просто закинул в style.css и все.

    ins {background: #FFFFFF !important;}

  • Рада, что мой совет Вам помог ;-)

  • У меня не получается убрать желтый фон. Через какое время после внесения изменений фон меняется на белый?

  • Если Вы всё сделали правильно, то желтый фон должен исчезнуть сразу. Возможно нужно очистить кеш, если у Вас на сайте установлен плагин кеширования.

  • Спасибо, Светлана! С Вашей помощью быстро и легко убрала этот противный желтый фон. очень благодарна.

  • Пожалуйста, рада, что помогла)

  • Спасибо. Все оказалось очень просто;)

  • Странно, у меня точно такая же проблема, но вместо желтого фона, светло синий (код цвета #D9EFFD) и в style.css строки — ins {background: #D9EFFD !important;} и ей подобных попросту нет.
    Может быть кто-то сталкивался с подобный проблемой?

  • Максим, попробуйте вписать строку в style.css, раз её нет, только с белым фоном

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены знаком *

11 − 1 =

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