Google地圖AdSense資料庫 - 自適應廣告

Question

我有一個針對移動設備和桌面的自適應網絡地圖網站。

我使用Google Maps AdSense Library來投放廣告，但它沒有任何內置的響應式解決方案，可根據屏幕分辨率提供不同的廣告單元尺寸。

有沒有人想出一個優雅的解決方案，使AdSense庫響應？至少根據網站首次加載時的瀏覽器窗口大小。使用jQuery

Answer 1

一個非常簡單的解決方案：

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. 
}