如何在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>