Обновлено 13.12.2012: Обратите внимание, что по правилам программы AdSense запрещается вносить какие-либо изменения в код вызова рекламы. Использовать указанный ниже код можно только для сайтов с адаптивным дизайном. Все другие изменения могут считаться нарушением правил программы.

В предыдущей статье, посвященной адаптивному дизайну, мы говорили об оптимизации интернет-ресурсов для мобильных устройств и о том, какую роль в этом процессе играет оформление сайта. Сегодня мы продолжим эту тему и рассмотрим, как эффективно использовать объявления AdSense. Для начала давайте вспомним, что такое адаптивный дизайн. 

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


Наряду с контентом вы можете адаптировать для различных типов устройств и объявления AdSense – с помощью небольшого фрагмента кода JavaScript. Для этого сначала необходимо выбрать несколько размеров объявлений, например 728 x 90, 468 x 60 и 300 x 250, а затем добавить блок if-else, который будет подбирать необходимый формат рекламы в зависимости от размера экрана в устройстве пользователя. Ниже приведен пример кода JavaScript:


В блоге Центра веб-мастеров Google вы можете прочитать ещё одну статью, посвященную адаптивному дизайну (только на английском языке).  Чтобы больше узнать о создании мобильных ресурсов, проверить их с точки зрения удобства для пользователей и найти специалиста по веб-дизайну, посетите сайт howtogomo.com

Автор: Дэйрин Кеннеди (Dairine Kennedy), специалист по мобильным технологиям