如何根据屏幕尺寸显示广告

Question

我有一个带有横幅广告的页面，该页面 shrink/grow 取决于屏幕尺寸或者它是台式机还是移动设备。

横幅将与 div 一起显示。

这些广告位于三个不同的广告 ID 中，每个广告 ID 都有自己的尺寸：
示例：
ad-1 为 1220x350
ad-2 是 650x190
广告 3 为 300x250

如何根据 div 尺寸在 div 中显示正确的广告？

Answer 1

您可以使用 sizeMapping 根据视口大小分派您的尺寸。

首先：定义sizeMapping

var mapping = googletag.sizeMapping()
             .addSize([1024, 768], [1220, 350])
             .addSize([980, 690], [650, 190])
             .addSize([0, 0], [300, 250])
             .build();

用法：addSize([screenWidth, screenHeight], [width,height])

第二：将映射添加到您的槽定义

var slot = googletag.defineSlot('/adUnitPath/', [[1220, 350], [650, 190], [300, 250]], 'yourTargetId')
                    .defineSizeMapping(mapping)
                    .addService(googletag.pubads());

完整文档here and here

如何根据屏幕尺寸显示广告

How to show a advert depending on screen size

google-dfp