javascript - 如何在 WordPress 中使用可折叠 div 标签

Question

我有一个运行 Google Ads 的客户。他们的移动广告只有在移动设备上才会显示。问题是，它们仍然占用桌面浏览器上的空间。 Google 广告联系人不断向我们推荐此页面: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(true);//可折叠 div – 在获取广告之前折叠此插槽

您会看到广告没有生成，但车位仍处于停放状态。谷歌联系人基本上没有任何帮助，我不知道如何在广告不显示时使其崩溃。我在一个测试网站上有它，它是开箱即用的 Genesis 杂志主题。

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>