Question

我正在构建一个自适应HTML广告素材模板来投放全屏广告。该广告使用版本6.8.0的DFP SDK在运行iOS 6-7的移动设备上显示。我注意到，在使用我的模板投放广告时， DFP广告管理系统会使用额外的html / body标记包装我的HTML（请参阅下面的评论）：

<!-- the code below is from DFP --> 
<html><head>
<meta name="viewport"content="width=device-width,height=device-height,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"/>
</head><body leftMargin="0" topMargin="0" marginwidth="0" marginheight="0">
<!-- my code starts here --> 
<html>
<head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
</head>
<body>
...
<!-- my code ends here -->  
<!-- the code below is from DFP --> 
</body></html>

我遇到的问题是，注入的HTML代码height=device-height会使我的广告可滚动。我的广告以横向显示，不明原因device-height和device-width默认为相同的值 - 设备宽度。上面的HTML无效，因为嵌套的html / body标记，我无法控制视口定义以删除错误的height=device-height。

问题：

是否有办法取消DFP广告管理系统生成的包装HTML（<html>...</html>）并依赖我的代码提供它（因此我可以提供自己的viewport）
为什么广告的横向视图默认宽度和高度均为设备宽度的任何线索

Answer 1

我最终使用Javascript来更新标题：

<script type="application/javascript">
   var meta = document.getElementsByTagName("meta")[0];
   meta.setAttribute("content", 'width=device-width,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0');
</script>

HTML Creative模板附带了额外的html / body标签

1 个答案: