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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ins {background: #FFFFCC;}

или

ins {background-color: #FFFFCC;}

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

ins {background: #FFFFFF !important;}

или

ins {background-color: #FFFFFF !important;}

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

Не забывайте только, перед любыми изменениями делать копию изменяемого файла

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