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

желтый фон с блоков Adsense Сайтостроение

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

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

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

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

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

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

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

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

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

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

Мощный SEO плагин Clearfy

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

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


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

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 сохраняем и копируем с заменой на сервер. Вот и все, после таких нехитрых действий желтый фон на объявлениях должен замениться на цвет фона вашего сайта. Если у вас есть вопросы, пишите в комментариях, помогу чем смогу)

Оцените статью
( 2 оценки, среднее 5 из 5 )
Поделиться с друзьями
Авторский блог Светланы Слободенюк
Добавить комментарий

  1. Юрий

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

    ins {background: #FFFFFF !important;}

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

    Рада, что мой совет Вам помог 😉

  3. Олеся.

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

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

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

  5. megafreez

    Огромное спасибо 😉

  6. Садівник-городник

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

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

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

  8. Yurez

    Отлично! Спасибо!

  9. Алексей

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

  10. Максим

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

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

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