В предыдущей статье, посвященной адаптивному дизайну, мы говорили об оптимизации интернет-ресурсов для мобильных устройств и о том, какую роль в этом процессе играет оформление сайта. Сегодня мы продолжим эту тему и рассмотрим, как эффективно использовать объявления AdSense. Для начала давайте вспомним, что такое адаптивный дизайн.
Адаптивный дизайн – это методика, которая позволяет создать один универсальный сайт, подходящий для всех устройств: компьютеров, смартфонов и планшетных ПК. Адаптивные веб-страницы автоматически подстраиваются под размер экрана, причем вы сами решаете, какой контент следует показывать в том или ином случае.
Наряду с контентом вы можете адаптировать для различных типов устройств и объявления AdSense – с помощью небольшого фрагмента кода JavaScript. Для этого сначала необходимо выбрать несколько размеров объявлений, например 728 x 90, 468 x 60 и 300 x 250, а затем добавить блок if-else, который будет подбирать необходимый формат рекламы в зависимости от размера экрана в устройстве пользователя. Ниже приведен пример кода JavaScript:
В блоге Центра веб-мастеров Google вы можете прочитать ещё одну статью, посвященную адаптивному дизайну (только на английском языке). Чтобы больше узнать о создании мобильных ресурсов, проверить их с точки зрения удобства для пользователей и найти специалиста по веб-дизайну, посетите сайт howtogomo.com.
Автор: Дэйрин Кеннеди (Dairine Kennedy), специалист по мобильным технологиям
Источник: http://feedproxy.google.com/~r/blogspot/XrHV/~3/ObDT3LVd0lc/adsense.html
Источник: