Адаптивные рекламные блоки Adsense


Прошло уже почти два года с тех пор, как компания Google представила адаптивные рекламные блоки своего детища Adsense для дружественных мобильных сайтов и блогов. До этого объявления Адсенс были синхронными с фиксированным размером. Такие опции значительно утруждали загрузку страниц, а на устройствах с разными разрешениями дисплея реклама обрезалась. Теперь же все рекламные блоки асинхронные, что позволяет страницам загружаться быстрее. Адаптивность конечно улучшена, но все же при ее срабатывании на сайте остается много свободного места и выглядит это не очень красиво.

На сегодняшний день есть новое решение, как сделать блоки еще более адаптивными, это касается вертикальных блоков, горизонтальные итак хорошо срабатывают. Для блоков размещенных в разделе Дизайн - Добавить гаджет - HTML\Javascript берем следующий код:



    <style type="text/css">
    .adslot_1 { max-width: 300px; height: auto; margin:10px 0px; }

    @media (min-width:100px) { .adslot_1 { width:125px; height:125px; } }
    @media (min-width:180px) { .adslot_1 { width:180px; height:150px; } }
    @media (min-width:200px) { .adslot_1 { width:200px; height:200px; } }
    @media (min-width:250px) { .adslot_1 { width:250px; height:250px; } }
    @media (min-width:300px) { .adslot_1 { width:300px; height:600px; } }
    @media (min-width:336px) { .adslot_1 { width:336px; height:280px; } }
    @media (min-width:468px) { .adslot_1 { width:468px; height:60px; } }
    @media (min-width:728px) { .adslot_1 { width:300px; height:600px; } }

    </style>

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle adslot_1"
         style="display:inline-block;"
         data-ad-client="xxxxxxx"
         data-ad-slot="xxxxxx"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
     
Вставляете его в том же окошке где располагается ваш старый код адсенс. В новом коде вы можете заметить две строки со значением "хххххх" вместо них вам нужно вписать ID со своего старого блока. После этого старый код можно удалить. Еще один момент, если вы используете этот код дважды или даже трижды на своем сайте или блоге в таком случае, при втором добавлении, значение adslot_1 измените, вместо 1 пропишите 2. Если нужно и в третий раз добавить его вместо 1 пишите 3. В общем значение adslot должно быть уникальным иначе код не будет срабатывать в новых блоках.

Для блоков коды которых находятся в разделе Шаблон - Изменить HTML берем тот же код, но заточенный под редактор HTML:



    <style type="text/css">
    .adslot_1 { max-width: 300px; height: auto; margin:10px 0px; }

    @media (min-width:100px) { .adslot_1 { width:125px; height:125px; } }
    @media (min-width:180px) { .adslot_1 { width:180px; height:150px; } }
    @media (min-width:200px) { .adslot_1 { width:200px; height:200px; } }
    @media (min-width:250px) { .adslot_1 { width:250px; height:250px; } }
    @media (min-width:300px) { .adslot_1 { width:300px; height:600px; } }
    @media (min-width:336px) { .adslot_1 { width:336px; height:280px; } }
    @media (min-width:468px) { .adslot_1 { width:468px; height:60px; } }
    @media (min-width:728px) { .adslot_1 { width:300px; height:600px; } }

    </style>
    &lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;

    <ins class="adsbygoogle adslot_1"
         style="display:inline-block;"
         data-ad-client="xxxxxxx"
         data-ad-slot="xxxxxx"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>

Его настраиваем по тому же примеру.


Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Адаптивные рекламные блоки Adsense
Адаптивные рекламные блоки Adsense
Сделать вертикальные блоки adsense (адсенс) более адаптивными.
https://4.bp.blogspot.com/-IeuYIKcnqE0/VpEKdq_U0PI/AAAAAAAAiSk/Qwrlp3K4pAE/s640/google-adsense-%25D0%25B0%25D0%25B4%25D0%25B0%25D0%25BF%25D1%2582%25D0%25B8%25D0%25B2%25D0%25BD%25D1%258B%25D0%25B5%2B%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BA%25D0%25B8.jpg
https://4.bp.blogspot.com/-IeuYIKcnqE0/VpEKdq_U0PI/AAAAAAAAiSk/Qwrlp3K4pAE/s72-c/google-adsense-%25D0%25B0%25D0%25B4%25D0%25B0%25D0%25BF%25D1%2582%25D0%25B8%25D0%25B2%25D0%25BD%25D1%258B%25D0%25B5%2B%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BA%25D0%25B8.jpg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2016/01/adaptivnye-reklamnye-bloki-adsense.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2016/01/adaptivnye-reklamnye-bloki-adsense.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy