AdSense для сайтов с адаптивным дизайном

03.12.12 | 16:34

Labels: Мобильные


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

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


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


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

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

Добавить комментарий


Защитный код
Обновить

Качественный хостинг