Хочу поделиться информацией о том, как убрать желтый фон с блоков 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 сохраняем и копируем с заменой на сервер. Вот и все, после таких нехитрых действий желтый фон на объявлениях должен замениться на цвет фона вашего сайта. Если у вас есть вопросы, пишите в комментариях, помогу чем смогу)
Спасибо. Помогло. Просто закинул в style.css и все.
ins {background: #FFFFFF !important;}
Рада, что мой совет Вам помог 😉
У меня не получается убрать желтый фон. Через какое время после внесения изменений фон меняется на белый?
Если Вы всё сделали правильно, то желтый фон должен исчезнуть сразу. Возможно нужно очистить кеш, если у Вас на сайте установлен плагин кеширования.
Огромное спасибо 😉
Спасибо, Светлана! С Вашей помощью быстро и легко убрала этот противный желтый фон. очень благодарна.
Пожалуйста, рада, что помогла)
Отлично! Спасибо!
Спасибо. Все оказалось очень просто;)
Странно, у меня точно такая же проблема, но вместо желтого фона, светло синий (код цвета #D9EFFD) и в style.css строки — ins {background: #D9EFFD !important;} и ей подобных попросту нет.
Может быть кто-то сталкивался с подобный проблемой?
Максим, попробуйте вписать строку в style.css, раз её нет, только с белым фоном