AlexStep: Погуглил тему, похоже display:inline-block используется тогда, когда блоку нужно задать размеры width/height. В остальных случаях, когда размер определяется Адсенсом полностью автоматически, используется display:block.
Азы CSS учить надо. Свойство display:inline-block используется для того, чтобы сделать возможность размещения блочного элемента HTML внутри строки. Как, например, картинки img или кпоки input type="button".
Раньше его использовали редко, так как IE до 8-й версии не дружил с ним по-человечески, да и FireFox до 3.0 туда же, но сейчас другие времена и те браузеры помнят только старые вебмастера в самых страшных снах.
В случае AdSense это может быть удобно для центрирования блока внутри div с text-align: center, либо разместить два блока в одну строку рядом (сейчас это часто практикуется на декстопах и дает неплохой совокупный CTR).
Хотя то же самое делается и для display:block с помощью margin: auto в первом случае и float:left - во втором. Правда два блока центрировать в одной строке все же удобнее для display:inline-block.
Для задания размеров что display:inline-block, что display:block работают одинаково. Только в последнем случае блок по умолчанию растягивается на всю ширину, если не задано иное.
angella: Интересует чтобы отображалось не коряво, после 1 или 2 абзаца. Нету готового решения, плагина?
Есть, Ads Elite например. Только вам надо для начала свою "старушку" 1.5 обновить до 3.5.x. Или ищите в сети древние версии таких плагинов, может повезет найти.
Dram: Либо я все заблокировал , либо реально приняли меры. Шлака стала значительно меньше (нового) - тонны старого до сих пор висят в заблокированных.
Шлака нового стало меньше, это да. Но при этом ужесточились требования в AdWords. Мне забанили там новостник - типа на сайте много неоригинального контента и рекламы, хотя до этого пару месяцев - полет нормальный.
Chelsea: А зачем задавать блоки для разных размещений? Адаптивный баннер и так подстраивается, это не Нетборд какой-то. Задача этого кода - убрать свойство адап.блока отображать баннер квадратом на моб.устройствах с малым разрешением в топ зоне сайта. Просто ставим фиксированную высоту 100 пх и гибкую ширину
В смысле зачем задавать размер блоков для разных разрешений? А затем, что на разных разрешениях больший CTR и/или стоимость клика имеют разные форматы и не стоит во всем на Google полагаться. Поэтому на смартфонах - небольшие блоки, а на десктопе можем хоть Netboard откручивать
Пример:
а) Для смартфонов и всего с шириной экрана до 800 пикселей - блок 320x100.
б) Для планшетов и старых ПК с низким разрешением с шириной 800-1024 пикселя - 728 x 90.
в) Для всех остальных - 980 x 120.
Насколько я знаю использую этот адаптивный код гугла сам определяет какой размер баннера показывать пользователю. Но возможно ошибаюсь
Определяет, но оставляет вебмастеру большой простор для настройки. Блок создавался, собственно, для работы с адаптивными шаблонами, а не для автоподстановки баннеров на усмотрение Google.
В примерах по ссылке такого кода нет. К тому же сам ваш пример кода неверный:
1. Минимальная ширина 400 пикселей - для мобильных это очень много.
2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.
borisd: Да достаточно очевидные способы - от впиливания рекламных блоков под заголовок или в тело контента без какого-либо явного выделения, до создания навигации таким образом, чтобы заставить посетителя уйти куда-нибудь только через клик по рекламе.
Последний способ - это 100% нарушение и реальный шанс нарваться рано или поздно на бан.
sanika: На первом вешать то что они рекомендуют - 300х100. Это 100% не повлечет за собой повторное предупреждение или бан аканута.
Поправлю: именно 320x100. Что касается 250x250, то это тема скользкая. В русской версии правил он не запрещен прямо, в английской где-то было упоминание, что нельзя тоже.
То есть поставить фиксированую высоту и гибкую (в пределах блока) ширину?
Можно. Но: на мобильных при высоте 90 пикселей потеряете много хороших объявлений, которые рассчитаны на высоту 100 px. Поэтому лучше как вам написали выше.
Погуглил тему, похоже display:inline-block используется тогда, когда блоку нужно задать размеры width/height.
В остальных случаях, когда размер определяется Адсенсом полностью автоматически, используется display:block.
Азы CSS учить надо. Свойство display:inline-block используется для того, чтобы сделать возможность размещения блочного элемента HTML внутри строки. Как, например, картинки img или кпоки input type="button".
Раньше его использовали редко, так как IE до 8-й версии не дружил с ним по-человечески, да и FireFox до 3.0 туда же, но сейчас другие времена и те браузеры помнят только старые вебмастера в самых страшных снах.
В случае AdSense это может быть удобно для центрирования блока внутри div с text-align: center, либо разместить два блока в одну строку рядом (сейчас это часто практикуется на декстопах и дает неплохой совокупный CTR).
Хотя то же самое делается и для display:block с помощью margin: auto в первом случае и float:left - во втором. Правда два блока центрировать в одной строке все же удобнее для display:inline-block.
Для задания размеров что display:inline-block, что display:block работают одинаково. Только в последнем случае блок по умолчанию растягивается на всю ширину, если не задано иное.
Интересует чтобы отображалось не коряво, после 1 или 2 абзаца. Нету готового решения, плагина?
Есть, Ads Elite например. Только вам надо для начала свою "старушку" 1.5 обновить до 3.5.x. Или ищите в сети древние версии таких плагинов, может повезет найти.
Либо я все заблокировал , либо реально приняли меры. Шлака стала значительно меньше (нового) - тонны старого до сих пор висят в заблокированных.
Шлака нового стало меньше, это да. Но при этом ужесточились требования в AdWords. Мне забанили там новостник - типа на сайте много неоригинального контента и рекламы, хотя до этого пару месяцев - полет нормальный.
А зачем задавать блоки для разных размещений? Адаптивный баннер и так подстраивается, это не Нетборд какой-то. Задача этого кода - убрать свойство адап.блока отображать баннер квадратом на моб.устройствах с малым разрешением в топ зоне сайта. Просто ставим фиксированную высоту 100 пх и гибкую ширину
В смысле зачем задавать размер блоков для разных разрешений? А затем, что на разных разрешениях больший CTR и/или стоимость клика имеют разные форматы и не стоит во всем на Google полагаться. Поэтому на смартфонах - небольшие блоки, а на десктопе можем хоть Netboard откручивать
Пример:
а) Для смартфонов и всего с шириной экрана до 800 пикселей - блок 320x100.
б) Для планшетов и старых ПК с низким разрешением с шириной 800-1024 пикселя - 728 x 90.
в) Для всех остальных - 980 x 120.
Определяет, но оставляет вебмастеру большой простор для настройки. Блок создавался, собственно, для работы с адаптивными шаблонами, а не для автоподстановки баннеров на усмотрение Google.
Правильный ли этот код?
Как пример я брал код с советов гугла: (https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438)
В примерах по ссылке такого кода нет. К тому же сам ваш пример кода неверный:
1. Минимальная ширина 400 пикселей - для мобильных это очень много.
2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.
А карта часом не Сбер? Именно по нему не так давно жалобы были на долгое зачисление.
Да достаточно очевидные способы - от впиливания рекламных блоков под заголовок или в тело контента без какого-либо явного выделения, до создания навигации таким образом, чтобы заставить посетителя уйти куда-нибудь только через клик по рекламе.
Последний способ - это 100% нарушение и реальный шанс нарваться рано или поздно на бан.
На первом вешать то что они рекомендуют - 300х100. Это 100% не повлечет за собой повторное предупреждение или бан аканута.
Поправлю: именно 320x100. Что касается 250x250, то это тема скользкая. В русской версии правил он не запрещен прямо, в английской где-то было упоминание, что нельзя тоже.
А если так сделать:
style="display:inline-block;min-width:200px;max-width:2000px;width:100%;height:90px"
То есть поставить фиксированую высоту и гибкую (в пределах блока) ширину?
Можно. Но: на мобильных при высоте 90 пикселей потеряете много хороших объявлений, которые рассчитаны на высоту 100 px. Поэтому лучше как вам написали выше.
а) Использовать адаптивный блок, размеры задавать через CSS @media.
б) Определять тип устройства на стороне сервера и выдавать код блока нужного размера.
Можно использовать также комбинацию этих методов.