时间戳

首页 > 解决方案 > 如何根据屏幕尺寸显示广告

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

问题描述

我有一个带有横幅广告的页面，该页面会根据屏幕大小或桌面或移动设备缩小/增长。

横幅将显示在一个 div 中。

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

如何根据 div 大小在 div 中显示正确的广告？

标签： google-dfp

解决方案

您可以使用 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());

此处和此处的完整文档

推荐阅读