1

我们在页面上有一系列 DFP 广告，每次用户点击画廊查看器上的每个缩略图图标时，它们都会使用 javascript refresh() 调用自动刷新：

googletag.pubads().refresh();

问题在于，如果用户快速点击图库，则每次点击时广告都会不断刷新，最终可能会出现空白广告，因为系统无法跟上用户点击的速度。

因此，我只想在广告完全加载完成后才调用刷新。

有没有办法检测广告位内广告的加载状态？

我们的广告使用以下定义：

slot_header_lge = googletag.defineSlot('/XXX/Header-Home-Large', [945, 230], 'div-gpt-ad-Header-Large').addService(googletag.pubads());

googletag.pubads().enableAsyncRendering();
googletag.pubads().collapseEmptyDivs();
googletag.enableServices();
4

1 回答 1

3

我制作了一个包装 DFP 的jquery 插件，不久前想出了一个解决这个问题的方法……广告单元上有一个名为 renderEnded() 的内部函数，您可以使用它来检查广告单元何时有被渲染。

以我的经验，这只是意味着 HTML 代码已被放入页面......并不一定意味着广告已完全加载完毕。您可以将一些 timeOuts 与此结合起来，以获得一个相当健壮的系统。

例如，使用我的插件，您可以尝试以下操作，它不应该允许在页面上最后一个广告呈现后 5 秒后刷新广告：

<!DOCTYPE html>
<html>
<head>
    <title>TEST</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://coop182.github.io/jquery.dfp.js/jquery.dfp.js"></script>

</head>
<body>

Test DFP Ads.

<div class="adunit" id="buyingcars_ATF_728x90" data-dimensions="728x90"></div>

<script>

    var adsLoaded = true;

    function checkLoading() {

        console.log('Checking...');

        if (adsLoaded) {
            loadAds();
        }
    }

    function loadAds() {

        console.log('Loading...');

        adsLoaded = false;

        $.dfp({
            dfpID: '3853655',
            afterAllAdsLoaded: function() {
                setTimeout(function(){adsLoaded = true;}, 5000);
            }
        });
    }

    checkLoading();

</script>

<a href="#" onclick="checkLoading();">Refresh</a>

</body>
</html>
于 2013-09-25T01:48:24.600 回答