搜尋
清除搜尋內容
關閉搜尋框
Google 應用程式
主選單
您要瀏覽的網頁目前沒有您慣用的語言版本。您可以在頁面底部選擇其他語言版本,或使用 Google Chrome 的內建翻譯功能,即時將網頁內容翻譯成您選擇的語言。

合拢空的 div 元素

如果您使用的是 GPT 异步模式,并且知道网页上的一个或多个广告位无法一直处于填充状态,那么您可以通过向 Google 发布商代码 (GPT) 添加 collapseEmptyDivs() 方法,指示浏览器合拢空的 div。此方法可能会引起网页上的内容发生重排,因此如何使用此方法取决于广告位是否在大多数情况下都会填充广告。您可以在网页级或广告位级使用此方法。如果不使用 collapseEmptyDivs()方法,div 一定不会合拢,网页内容也一定不会进行重排,但网页上可能会留下空白区域(如果没有广告投放到广告位)。

大多数情况下,广告位会填充广告

如果您知道自己的广告位在大多数情况下都会填充广告,则可以将 googletag.pubads().collapseEmptyDivs(); 添加到网页的 <head> 部分。此方法只会在广告没有投放到该网页的广告位时才合拢特定的 div。如果某个广告位没有填充广告,那么 div 会合拢,从而可能将网页内容上移并使网页进行重排。

大多数情况下,广告位会留空

如果您知道自己的广告位在大多数情况下都会留空,则可以将 googletag.pubads().collapseEmptyDivs(true); 添加到网页的 <head> 部分。这样,网页上的所有 div 会在浏览器提取广告之前合拢。当广告位收到广告请求后,如果某个特定广告位填充了广告,那么 div 会展开,从而可能将网页内容下推并使网页发生重排。

广告位一直留空

如果您知道特定网页上的广告位将一直留空,请不要指定 collapseEmptyDivs() 方法。div 一定不会合拢,这样一来,网页内容也一定不会被下推或上移;但网页上可能会留下空白区域(如果没有广告投放到特定广告位)。

广告位级替换

您可以指定以下三种广告位级方法中的一种,来替换网页级方法:

不合拢此广告位

向广告位添加 adSlot.setCollapseEmptyDiv(false);

<script>
  googletag.cmd.push(function() {
  googletag.defineSlot("/1234/travel/asia/food", [728, 90], "div-gpt-ad-123456789-0")
    .addService(googletag.pubads())
    .setTargeting("interests", ["sports", "music", "movies"])
    .setCollapseEmptyDiv(false);
  });
</script>

提取广告后合拢此广告位

向广告位添加 adSlot.setCollapseEmptyDiv(true);

<script>
  googletag.cmd.push(function() {
  googletag.defineSlot("/1234/travel/asia/food", [728, 90], "div-gpt-ad-123456789-0")
    .addService(googletag.pubads())
    .setTargeting("interests", ["sports", "music", "movies"])
    .setCollapseEmptyDiv(true);
  });
</script>

提取广告前合拢此广告位

向广告位添加 adSlot.setCollapseEmptyDiv(true,true);

<script>
  googletag.cmd.push(function() {
  googletag.defineSlot("/1234/travel/asia/food", [728, 90], "div-gpt-ad-123456789-0")
    .addService(googletag.pubads())
    .setTargeting("interests", ["sports", "music", "movies"])
    .setCollapseEmptyDiv(true,true);
  });
</script>
這篇文章實用嗎?
我們應如何改進呢?