Alex Agent

Alex Agent
Рейтинг
304
Регистрация
07.04.2011
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.

Chelsea:

Правильный ли этот код?

Как пример я брал код с советов гугла: (https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438)

<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

В примерах по ссылке такого кода нет. К тому же сам ваш пример кода неверный:

1. Минимальная ширина 400 пикселей - для мобильных это очень много.

2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.

А карта часом не Сбер? Именно по нему не так давно жалобы были на долгое зачисление.

borisd:
Да достаточно очевидные способы - от впиливания рекламных блоков под заголовок или в тело контента без какого-либо явного выделения, до создания навигации таким образом, чтобы заставить посетителя уйти куда-нибудь только через клик по рекламе.

Последний способ - это 100% нарушение и реальный шанс нарваться рано или поздно на бан.

sanika:
На первом вешать то что они рекомендуют - 300х100. Это 100% не повлечет за собой повторное предупреждение или бан аканута.

Поправлю: именно 320x100. Что касается 250x250, то это тема скользкая. В русской версии правил он не запрещен прямо, в английской где-то было упоминание, что нельзя тоже.

Chelsea:
А если так сделать:

style="display:inline-block;min-width:200px;max-width:2000px;width:100%;height:90px"

То есть поставить фиксированую высоту и гибкую (в пределах блока) ширину?

Можно. Но: на мобильных при высоте 90 пикселей потеряете много хороших объявлений, которые рассчитаны на высоту 100 px. Поэтому лучше как вам написали выше.

а) Использовать адаптивный блок, размеры задавать через CSS @media.

б) Определять тип устройства на стороне сервера и выдавать код блока нужного размера.

Можно использовать также комбинацию этих методов.

Всего: 3196