javascript - 使通过 DFP 提供的广告完全响应

Question

我已经修改了 GPT(Google 发布商代码)，因此它可以转换在适用于手机和平板电脑的尺寸广告上，以及适用于计算机或更大屏幕的其他尺寸广告上。它运作良好，但大小取决于负载，当使用平板电脑时，无论您从横向 View 切换到纵向 View ，广告都保持不变。我添加了代码以在窗口调整大小时动态刷新广告，并且在刷新过程中可以正常工作，但尺寸仍然在加载时确定(我假设)并且广告尺寸不会改变。在广告刷新之前，如何在调整窗口大小时“刷新/重新加载”变量(size 和 size2)？
这是代码:

    <script type='text/javascript'>
    googletag.cmd.push(function() {
    var width = document.documentElement.clientWidth;
    var size;
     if (width >= 320 && width < 728) 
     size = [320, 50]; // smartphones
    else 
      size = [728, 90]; // desktops and tablets
    var size2;
     if (width >= 320 && width < 728) 
     size2 = [180, 150]; // smartphones
    else 
     size2 = [160, 600]; // desktops and tablets
   var slot1=googletag.defineSlot('/XXXXXXX/tp_home_topboard', size, 'div-gpt-ad-1380075538670-3').addService(googletag.pubads());
   var slot2=googletag.defineSlot('/XXXXXXX/tp_home_skyscraper', size2, 'div-gpt-ad-1380222668349-0').addService(googletag.pubads())
   googletag.pubads().enableSingleRequest();
   googletag.enableServices();

   $(window).resize(function(){googletag.pubads().refresh([slot1, slot2])});
   });
  </script>

Answer 1

您现在可以使用 DFP 原生制作自适应广告。

    var mapping = googletag.sizeMapping().
addSize([1024, 768], [970, 250]).
addSize([980, 690], [728, 90]).
addSize([640, 480], [120, 60]).
addSize([0, 0], [88, 31]).
// Fits browsers of any size smaller than 640 x 480
build();
adSlot.defineSizeMapping(mapping); 

https://support.google.com/dfp_premium/answer/3423562?hl=en