- В чому проблема
- Чому фон жовтий
- Як прибрати жовтий фон реклами Google Adsense
- Як прибрати фон
- Варіант 2.
- Як змінити фон реклами AdSense на WordPress
- Як змінити фон на Joomla
- Корисні посилання
- Статті по темі
Використовуючи показ реклами Google Adsense на своєму сайті, часто спостерігається жовтий фон під оголошенням. З одного боку фон привертає користувача до реклами, з іншого боку повністю руйнує дизайн сайту. У цій статті прибираємо жовтий фон реклами Google Adsense, раз і назавжди.
В чому проблема
З моменту появи на Google Adsense адаптивного типу рекламних оголошень, з'явилася проблема жовтого фону під оголошенням. Видно цей фон якщо оголошення менше параметрів сторінки, а також при завантаженні сторінки від її відтворення до DOM завантаження.
Чому фон жовтий
Якщо зверніть увагу, Google Adsense активно використовує для підсвічування жовтий фон. Посувайте мишею по таблиці «Мої оголошення» в акаунті Google Adsense і зрозумієте, чому фон жовтий.
Як прибрати жовтий фон реклами Google Adsense
Щоб зрозуміти, як прибрати жовтий фон реклами Google Adsense подивимося на сам код рекламного оголошення .
<Script async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> </ script> <! - Новий -> <ins class = "adsbygoogle" style = "display: block" data -ad-client = "111-xxxxxxxxxxxx" data-ad-slot = "xxxxxxxxxxx" data-ad-format = "auto"> </ ins> <script> (adsbygoogle = window.adsbygoogle || []). push ({}); </ Script>
Бачимо, що в коді будь-якого рекламного блоку, не тільки адаптивного, використовується тег ins. Починається тег з <ins і містить клас class = "adsbygoogle».
Ось що Google говорить про це тезі:
Тег ins використовується для будь-яких оголошень iframe / JavaScript або JavaScript. Створюється тег тільки для підтримуваних місць розміщення. Коли тег спрацьовує на сайті, атрибути HTML замінюються відповідними параметрами і повертають запитуваний контент.
джерело: //support.google.com/dcm/partner/answer/6080468?hl=ru
Як прибрати фон
Варіант 1. Працює не завжди.
При створенні оголошення в параметрі «Якщо оголошення недоступні» виставите «Показати кольорову заставку». Вкажіть фон вашого сайту в пункті «Замість показу оголошення».
Варіант 2.
У будь-якому сайті на будь-який CMS є можливість редагувати файл таблиця стилів. Щоб прибрати жовтий колір фону оголошень потрібно змінити або вказати властивість тега ins.
ins {background: #fff;}
, Де #fff це html код потрібного кольору, в даному випадку білий.
, А тут я поставив фон віджету (сірий).
Як змінити фон реклами AdSense на WordPress
У будь-якому сучасному шаблоні в налаштуваннях шаблону є вкладка «Додаткові стилі». Відкрийте її і вставте рядок
ins {background: #fff;}
Код кольору поміняйте під фон свого сайту. Вона (рядок) змінить фон реклами і залишиться при оновленні шаблону.
жовтий фон є
Як змінити фон на Joomla
У більшості шаблонів Joomla в налаштуваннях шаблону є вкладка Custom Code CSS (Додаткові стилі CSS). Відкрийте її і вставте в поле CSS рядок
ins {background: #fff;}
- Якщо такий вкладки немає, йдемо в редактор на вкладку Шаблони >>> Стилі.
- На вкладці Редактор дивимося файл стилю CSS. Додаємо нашу рядок.
- Якщо це файлу немає, йдемо на вкладку «Перевизначення», шукаємо наш файл CSS і натискаємо на нього. Тим самим створюємо перевизначення файлу, який тепер можна редагувати на вкладці «Редактор» без небезпеки втрати змін при оновленні.
Корисні посилання
- Таблиця кольорів HTML: https://colorscheme.ru/html-colors.html
© DengiInet.ru
Статті по темі
(Всього переглядів 888)