Google Maps AdSense Library - отзывчивые объявления

Question

У меня есть отзывчивый веб-сайт, ориентированный как на мобильные устройства, так и на рабочие столы.

Я использую Google Maps AdSense Library для показа объявлений, но у него нет встроенных гибких решений для обслуживания разных размеров рекламного блока на основе разрешения экрана.

Кто-нибудь придумал изящное решение для того, чтобы сделать библиотеку AdSense отзывчивой? По крайней мере, в зависимости от размера окна браузера при первом загрузке сайта.

Answer 1

Очень простое решение с помощью JQuery:

var adFormat = google.maps.adsense.AdFormat.BANNER; 
if ($(window).width() < 480) adFormat = google.maps.adsense.AdFormat.HALF_BANNER; 

try { // Needed as AbBlocker will cause site to fail 
    var adUnitDiv = document.createElement('div'); 
    var adUnitOptions = { 
     format: adFormat, 
     position: google.maps.ControlPosition.BOTTOM_CENTER, 
     map: map, 
     visible: true, 
     publisherId: 'ca-pub-XXXXXXXXXXX' 
    } 
    var adUnit = new google.maps.adsense.AdUnit(adUnitDiv, adUnitOptions); 
} 
catch (error) { 
    // Do nothing, error probably caused by an ad blocker. 
}