异步谷歌广告与同步广告

Asynchronous google ads versus Synchronous

本文关键字：同步 谷歌 异步      更新时间：2023-09-26

我正在使用谷歌DFP。

如果我使用来自 google 的同步广告，我的网站加载速度会很慢，因为它需要在加载网站的同时加载广告，如果广告需要很长时间才能响应，则页面的加载会暂停。

如果我使用异步广告，这不是问题，因为无论广告是否加载，页面都会加载。换句话说，它使网站加载速度更快。问题是，无论是否显示广告，使用异步广告都会创建一个具有固定宽度和高度的div。因此，通常这会在我的网站上创建大量空白空间，因为并非所有广告位置都被使用。同步广告也是如此。

谷歌提供了第三种选择，它不会创建div，它只是使用javascript来显示广告，如果该空间中没有任何广告发布，那么它只是不显示任何空白，这很好，但是它的行为是同步的......

我想要的是一些使用异步广告的方法，并且在没有广告发布的情况下不会获得空格。

谢谢。

我认为你要找的是

googletag.pubads().collapseEmptyDivs();

当没有要显示的广告时，这将隐藏空的div。在此行之前调用它：

googletag.enableServices();

更多文档在这里，供参考：http://support.google.com/dfp_premium/bin/answer.py?hl=en&answer=1650154

试试这个：

<div id='div-gpt-ad-YOURDFPIDGOESHERE-1' style='width:auto; height:auto; margin:0px auto; text-align:center;'>

这应该拉伸或缩小div 以匹配广告素材尺寸（甚至可以将较小的广告居中到较大的广告位中）

将内联样式中的display: none;添加到包含的div。

collapseEmptyDivs 方法将内联样式的display: none;添加到父容器div。为了防止出现额外的空白，我首先尝试在样式表中添加display: none;作为 css 样式，但当广告成功加载到目标广告单元空间时，该样式并未被删除。移动显示器：无;内联似乎解决了问题。

很好......你可以尝试一个解决方法。我不太确定。但你可以试一试..

您有一个 DIV，您的广告将异步加载，因此您可以在其中添加一个元素、任何虚拟项目并附加事件侦听器，以了解它何时会被您的广告替换。

您可以收听删除节点时触发的 DOMNodeRemove 事件，您可以相应地调整div 的大小，然后.. 让我知道它是否有效或在这方面有任何进展。

相关文章：