Question

我使用谷歌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）。显示：无;它没有服务，但第二个代码也没有显示。我可以帮忙吗

Answer 1

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

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

带有双重ID的Google dfp广告

1 个答案: