具有双 ID 的 Google dfp 广告答案

【问题标题】：Google dfp ads with double id具有双 ID 的 Google dfp 广告
【发布时间】：2017-03-04 12:55:45
【问题描述】：

我使用 google dfp 在网站上投放我的广告。我需要在桌面上的不同位置和移动端的不同位置提供服务，所以我尝试这样：

   .mobileShow { display: none;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 480px){ .mobileShow { display: inline;}}

   .mobileHide { display: inline;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 480px){  .mobileHide { display: none;}}

<div class="mobileShow">
<div  id='div-gpt-ad-1421767832590-6' style='width:300px; height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1421767832590-6'); });
</script>
</div>
</div>
<div class="mobileHide">
<div  id='div-gpt-ad-1421767832590-6' style='width:300px; height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1421767832590-6'); });
</script>
</div>
</div>

然后我添加我的代码：.mobileshow 在我想在移动设备和桌面 .mobilehide 中显示的位置。但是 dfp 在一页中只能提供一个代码（id）。显示：无；它没有服务，但第二个代码也没有显示。请问我可以帮忙吗

【问题讨论】：

标签： javascript google-dfp

【解决方案1】：

建议您使用 DFP 的内置响应式广告支持，而不是使用您自己的 CSS 类。您可以定义尺寸映射，以便根据视口尺寸展示您的广告。

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

【讨论】：