我正在使用异步GPT来投放我的可扩展广告,但广告素材正在被切断,因为似乎异步代码不是友好的iframe。
我使用DOM函数来转义iframe父级,但我认为我不能,因为广告素材在呈现页面之前呈现。
这是我的标签样本
<script type='text/javascript' src='http://www.googletagservices.com/tag/js/gpt.js'>
googletag.pubads().definePassback('6917646/H24info/H24INFO_ATF_HOME_728x90', [[728,90]]).setClickUrl('[INSERT_CLICK_COUNTER_HERE]').display();
googletag.pubads().enableSingleRequest();
googletag.pubads().addEventListener('slotRenderEnded', function(event) {
var sas = document.getElementById("sas_format_33008");
var gpt = document.getElementById("gpt_unit_6917646/H24info/H24INFO_ATF_HOME_728x90_1_ad_container");
gpt.style.position = "absolute";
gpt.style.zIndex = "100";
sas.style.height = "90px";
});
googletag.enableServices();
</script>
有人可以帮助我吗?
答案 0 :(得分:1)
您需要使用iframe破坏者
您可以尝试以下代码。请记住,您需要取消选中&#34; Serve into SafeFrame&#34;在广告素材设置中配置广告素材的类型必须是自定义,第三方或模板
if (top === self) {
//
} else {
var parentIframes = top.document.querySelectorAll('iframe');
for (var i=0; i < parentIframes.length; i++) {
var el = parentIframes[i];
if (el.contentWindow === self) {
// here you can create an expandable ad
var expandableAd;
var googleDiv = el.parentNode;
googleDiv.insertBefore(expandableAd, el);
}
}
}
更多信息:
更多帮助:
答案 1 :(得分:1)
另一种选择是使用Post Messages。但是您需要在主站点中放置一个事件监听器。 像这样:
<script type="text/javascript">
(function() {
function onMessageReceived(e) {
if (
//e.origin !== 'http://tpc.googlesyndication.com' ||
typeof e.data !== 'object' ||
typeof e.data.id !== 'string' ||
e.data.cmd !== 'setStyle' ||
typeof e.data.params !== 'object'
) {
return;
}
var frame = document.getElementById(e.data.id);
if (frame === null) {
return;
}
Object.keys(e.data.params).forEach(function(param) {
frame.style[param] = e.data.params[param];
});
}
if (window.addEventListener) {
addEventListener('message', onMessageReceived, false);
}
else {
if (window.attachEvent) {
attachEvent('onmessage', onMessageReceived);
}
else {
window.onmessage = onMessageReceived;
}
}
})();
</script>
然后在广告代码中,您必须调用事件侦听器来调整您需要展开的元素的大小。例如:
<script>
(function(){
if (window.top.postMessage) {
window.top.postMessage({
cmd: 'setStyle',
id: 'div-of-the-banner',
params: {
display: 'block',
height: '600px',
width: '300px'
}
}, '*');
}
})();
</script>
如果多个元素实际上正在修改广告素材的尺寸,则可能需要多次调用此调整大小脚本。