Адаптивные блоки Адсенс

titaniMOZG:
Неужели дождались?.. 🙄

а как выглядит?

примеры?

как с медийными и графикой?

и что значит "адаптивный дизайн"? выравнивание по ширине/высоте?

И как оный блок понимает, в какую ширину и высоту ему следует вписаться?

о, интересно,

а сколько объявлений транслируется в таком блоке, два...десять)

может по цсс? :)

Пример больших блоков скорее показывает, что одно и то "установи гуглохром".

TheVS, мне показывает заведи РК в Адвордс :)

Адсенс в последнее время сильно начинает радовать своей активностью. Почти все нововведения полезные и нужные. В крайние полгода они по-моему сделали больше нововведений, чем за прошлые несколько лет.

http://adsense.blogspot.com/2013/07/the-responsive-web-adsense.html

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

В адаптивных рекламных блоках используется новый асинхронный рекламный код. Эта функция позволяет динамически контролировать формат объявлений с помощью каскадных таблиц стилей (CSS).

Этап 1. Создайте рекламный код.

Чтобы создать код для адаптивного рекламного блока, выполните следующие действия:

Создайте обычный рекламный блок, выбрав “Адаптивный рекламный блок (бета)” в раскрывающемся списке Размер объявления.

Поскольку адаптивные рекламные блоки используют только асинхронный код, вы не увидите раскрывающееся меню Тип кода в окне “Рекламный код”.

Этап 2. Задайте размер адаптивного рекламного блока.

Адаптивные рекламные блоки не имеют фиксированного размера, поэтому его требуется задавать динамически с помощью CSS. Поскольку эта функция находится на стадии бета-тестирования, при определении формата необходимо учитывать следующее:

Обязательно укажите фиксированные значения длины и ширины объявления в пикселях. Проверьте, соответствуют ли эти параметры поддерживаемым размерам объявлений.

Асинхронный рекламный код адаптируется к экрану устройства только при первоначальной загрузке веб-страницы. Последующие изменения размера объявления (например, если изменилась ориентация экрана) не повлекут за собой загрузку нового рекламного материала. Мы планируем решить эту проблему в будущем.

Всегда устанавливайте размер объявления по умолчанию на тот случай, если на устройстве пользователя не поддерживаются запросы медиа.

В настоящий момент в таблице допустимых размеров объявлений для адаптивного рекламного блока представлены не все возможные форматы. Однако в будущем такую информацию тоже можно будет просмотреть.

Примеры

Ниже представлен пример с простым неадаптивным рекламным блоком. В нем показано, как установить размер рекламного блока с помощью CSS.

<style type="text/css">

.adslot_1 { width: 728px; height: 90px; }

</style>

<ins class="adsbygoogle adslot_1" style="display:inline-block;" data-ad-client="ca-pub-1234" data-ad-slot="5678"></ins>

<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Для установки формата адаптивного рекламного блока используются запросы медиа. Чаще всего размер привязывается к ширине экрана устройства. Ниже представлен фрагмент кода CSS, который можно использовать для обычного рекламного блока из предыдущего примера, чтобы он отображал адаптивный полноразмерный баннер:

<style type="text/css">

.adslot_1 {

width: 320px; height: 50px;

}

@media (min-width:500px) { .adslot_1 {

width: 468px; height: 60px;

}}

@media (min-width:800px) { .adslot_1 {

width: 728px; height: 90px;

}}

</style>

Обратите внимание, что здесь используются размеры объявлений из примеров CSS-запросов медиа адаптивного кода, который можно создать на вкладке Мои объявления.

Правила медиа имеют синтаксис CSS3 и поддерживаются всеми современными браузерами. Если вы хотите обеспечить совместимость с более ранними версиями браузеров, например Internet Explorer 7 и ниже, советуем прежде всего установить размер по умолчанию. В этом случае объявление будет отображаться корректно, даже если запросы медиа не обрабатываются. Примечание: управление отображением объявления через указание размера рекламного кода во внешнем файле таблицы стилей CSS официально не поддерживается.

Отслеживание эффективности адаптивных рекламных блоков

Отслеживать эффективность адаптивных рекламных блоков можно на вкладке Отчеты в разделе, посвященном размерам объявлений. Все запросы адаптивных рекламных блоков представлены в нем под заголовком “Адаптивные”.

получается, как я понял, что доступен только один адаптивный блок - 320х50. Если так, то никакой революции - ведь крутится всегда одна объява пусть и масштабируемая под диз...