ページの端からはみ出す広告を作成しようとしています。GPT Safeframe プレビュー ツールを使用すると、「無効な EXPAND_REQUEST メッセージです。理由: ビューポートまたはドキュメントの本文が十分に大きくないため、展開できません。」というエラーが表示されます。
これをオーバーライドする設定はありますか、それとも自己課した制限ですか。
これが私がやろうとしていることの例です: ここでテストできます: http://publisherconsole.appspot.com/safeframe/creative-preview.html
<div id="container">
<style type="text/css">
#container {
background-color: #EEF;
width: 500px;
height: 500px;
}
button {
width: 50px;
height: 50px;
font-size: 30px;
padding: 0px;
}
#info {
position: relative;
top: 10%;
width: 390px;
margin: auto;
}
#left {
left: 0px;
bottom: 50%;
position: fixed;
}
#right {
right: 0px;
top: 50%;
position: fixed;
}
#top {
top: 0px;
left: 50%;
position: fixed;
}
#bottom {
bottom: 0px;;
right: 50%;
position: fixed;
}
#central-buttons {
margin: 10px auto;
display: block;
width: 210px;
}
#central-buttons button {
font-size: 15px;
width: 100px;
}
</style>
<script>
function expand(direction) {
var allowedExp= $sf.ext.geom().exp;
var config = {
push: false,
t: 0,
l: 0,
r: 0,
b: 0
};
var all = direction === 'all';
if (direction === 'left' || all) {
config.l = allowedExp.l / 2;
}
if (direction === 'right' || all) {
config.r = 900;
}
if (direction === 'top' || all) {
config.t = allowedExp.t / 2;
}
if (direction === 'bottom' || all) {
config.b = allowedExp.b / 2;
};
$sf.ext.expand(config);
}
function collapse() {
$sf.ext.collapse();
}
function adjustDivContainerSize() {
var self = $sf.ext.geom().self;
var el = document.getElementById('container');
el.style.width = (self.r - self.l) + 'px';
el.style.height = (self.b - self.t) + 'px';
}
$sf.ext.register(500, 500, function(status, data) {
if (status === 'geom-update') {
return;
}
var message = 'Status: ' + status + '. Data: <pre>' + JSON.stringify(data, null, ' ') + '</pre>';
document.getElementById('status').innerHTML = message;
adjustDivContainerSize();
});
adjustDivContainerSize();
</script>
<div id="info">
<span>
<strong> $sf.ext.expand by overlay and $sf.ext.collapse</strong>
<br>Creative should be expanded when buttons are clicked. Expansion can be performed
only from collapsed state so subsequent expansion won't work until creative is collapsed.
</span>
<div id="central-buttons">
<button id="collapse" onclick="collapse();">Collapse</button>
<button onclick="expand('all');">Expand all</button>
</div>
<div id="status"></div>
</div>
<button id="left" onclick="expand('left');">⇐</button>
<button id="top" onclick="expand('top');">⇑</button>
<button id="right" onclick="expand('right');">⇒</button>
<button id="bottom" onclick="expand('bottom');">⇓</button>
</div>