Google Maps AdSense庫-自適應廣告

Question

我有一個針對移動設備和台式機的響應式Web地圖站點。

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

有沒有人想出一種優雅的解決方案來提高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.
}