如何在WordPress中使用可摺疊的div標籤

Question

我有一個運行Google Ads的客戶端。他們的移動廣告除非在手機上才顯示。問題是，他們仍然在桌面瀏覽器上佔用空間。該谷歌廣告的接觸不斷提到我們這個頁面：https://support.google.com/dfp_sb/answer/3419382?hl=en

我把它放在腳本：

<script type=’text/javascript’> 
var googletag = googletag || {}; 
googletag.cmd = googletag.cmd || []; 
(function() { 
var gads = document.createElement(‘script’); 
gads.async = true; 
gads.type = ‘text/javascript'; 
var useSSL = ‘https:’ == document.location.protocol; 
gads.src = (useSSL ? ‘https:’ : ‘http:’) + 
‘//www.googletagservices.com/tag/js/gpt.js'; 
var node = document.getElementsByTagName(‘script’)[0]; 
node.parentNode.insertBefore(gads, node); 
})(); 
</script> 

<script type=’text/javascript’> 
googletag.cmd.push(function() { 
googletag.defineSlot(‘/50217444/Momsnacks_160x600′, [160, 600], ‘div-gpt-ad-1427162132059-0′).addService(googletag.pubads()); 
googletag.defineSlot(‘/50217444/Momsnacks_300x250′, [300, 250], ‘div-gpt-ad-1427162132059-1′).addService(googletag.pubads()); 
googletag.defineSlot(‘/50217444/Momsnacks_300x250(mobile)’, [300, 250], ‘div-gpt-ad-1427162132059-2′).addService(googletag.pubads()); 
googletag.defineSlot(‘/50217444/Momsnacks_320x100(mobile)’, [320, 100], ‘div-gpt-ad-1427162132059-3′).addService(googletag.pubads()); 
googletag.defineSlot(‘/50217444/Momsnacks_320x50(mobile)’, [320, 50], ‘div-gpt-ad-1427162132059-4′).addService(googletag.pubads()); 
googletag.defineSlot(‘/50217444/MomSnacks_728x90′, [728, 90], ‘div-gpt-ad-1427162132059-5′).addService(googletag.pubads()); 
.setCollapseEmptyDiv(true); //Collapsible div–Collapse this slot before ad fetch 
googletag.pubads().enableSingleRequest(); 
googletag.enableServices(); 
}); 
</script> 

具體來說，加入以下代碼：.setCollapseEmptyDiv（真）; //可摺疊的div - 在獲取廣告前合攏此廣告位

您會看到廣告未生成，但空間仍處於停放狀態。谷歌聯繫人基本上沒有幫助，我不知道如何讓廣告不顯示時崩潰。我在一個測試網站上發現了「創世紀」雜誌主題。

http://celebrouhaha.com/

任何智慧在這個最讚賞。

Answer 1

您必須將方法附加到googletag對象。這可能與在前一行之後刪除分號一樣簡單。

例如

googletag.defineSlot(‘/50217444/MomSnacks_728x90′, [728, 90], ‘div-gpt-ad-1427162132059-5′).addService(googletag.pubads()) 
.setCollapseEmptyDiv(true); //Collapsible div–Collapse this slot before ad fetch 

如果您使用上面建議的代碼，它只會摺疊方法附加到的廣告位。

如果您希望所有廣告都開始收起並在填充後顯示，請將以下內容添加到您頁面的< head>部分。

<script> 
    googletag.pubads().collapseEmptyDivs(true); 
</script>