如何检测发布商 DFP 广告的 Google 双击的加载状态

How to detect loading state of a Google Doubleclick for Publishers DFP Ad?

本文关键字：Google 双击 状态 加载 DFP 何检测 检测 发布商      更新时间：2023-09-26

我们在页面上有一系列 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();

我做了一个包装 DFP 的 jquery 插件，不久前想出了解决这个问题的方法......广告单元上有一个名为 renderEnded（） 的内部函数，您可以挂钩到该函数以检查广告单元何时呈现。

根据我的经验，这只是意味着 HTML 代码已放入页面中......并不一定是广告已完全完成加载。不过，您可以将一些超时与此结合起来，以获得一个相当强大的系统。

例如，使用我的插件，您可以尝试以下操作，它不应该允许在页面上的最后一个广告呈现后 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>
相关文章：