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