我正在使用Google DFP。
如果我使用谷歌的同步广告,我的网站加载缓慢,因为它需要在加载网站的同时加载广告,如果广告需要很长时间才能响应,那么页面的加载会暂停。 / p>
如果我使用异步广告,这不是问题,因为页面会加载或加载广告。换句话说,它使网站加载速度更快。问题是,无论是否有广告显示,使用异步广告都会创建一个具有固定宽度和高度的div。因此,通常这会在我的网站上创建大量空白,因为并非所有广告位置都在使用。同步广告也是如此。
Google提供了第三种不创建div的选择,它只是使用javascript来展示广告,如果在该空间中没有任何广告发布,那么它就不会显示任何空白,这是很好,但它表现得同步......
我想要的是使用异步广告的一些方法,如果没有广告发布,则不会获得空格。
感谢。
答案 0 :(得分:16)
我认为您正在寻找的是
googletag.pubads().collapseEmptyDivs();
当没有广告显示时,这将隐藏空div。在此行之前调用它:
googletag.enableServices();
此处有更多文档供参考: http://support.google.com/dfp_premium/bin/answer.py?hl=en&answer=1650154
答案 1 :(得分:2)
试试这个:
<div id='div-gpt-ad-YOURDFPIDGOESHERE-1' style='width:auto; height:auto; margin:0px auto; text-align:center;'>
这应该拉伸或缩小div以匹配广告素材尺寸(甚至在较大的广告位中居中较小的广告)
答案 2 :(得分:1)
将内联样式中的
display: none;
添加到包含div。
collapseEmptyDivs
方法将内联样式display: none;
添加到父容器div。为了防止额外空格的闪现,我首先尝试在样式表中添加display: none;
作为css样式,但是当广告成功加载到目标广告单元空间时,样式未被删除。移动显示器:无;内联似乎解决了这个问题。
答案 3 :(得分:0)
您有DIV,您的广告将以异步方式加载,因此您可以在其中添加元素,任何虚拟商品和附加事件监听器,以了解广告何时会被广告替换。
您可以收听删除节点时触发的 DOMNodeRemoved 事件,然后您可以相应调整div的大小。让我知道它是否有效或者是否有任何进展。