Сделать вывод адаптивной рекламы Гугла Адсенса на сайте proekt-sam.ru ( внизу статьи ) – обычный движок Wordpress.
Чтобы для экранов планшет и больше выводилась та, которая есть 580х400, на экранах меньше на мобильных телефонах 336х280. И объяснить мне как это сделать самому для других сайтов.
Чтобы это не нарушало правила Адсенс.
Несколько решений
Можно выводить блоки через JS. Например:
function adsense(){
if (screen.width > '700') { document.write('код_блока1'); } else {document.write('код_блока2');}
код блока1 – блок на полный размер
код_блока2 – код адаптивного блока, будет отображаться при ширине экрана меньше 700px
Всеволод, я использую адаптивные асинхронные блоки через media queries, вот стили:
вот:
.block-adaptive-1,
.block-adaptive-2 { width: 320px; height: 50px; }
min-width: 500px { .block-adaptive-1, .block-adaptive-2 { width: 468px; height: 60px; } }
min-width: 800px { .block-adaptive-1, .block-adaptive-2 { width: 728px; height: 90px; } }
min-width: 1000px { .block-adaptive-1, .block-adaptive-2 { width: 700px; height: 300px; } }
Опубликован 06.08.2015 в 15:31 Последнее изменение: 06.08.2015 в 15:32
Заказ находится в архиве