×

dfp (ad manage) 在无限下拉滚动的页面异步加载广告

Falcon 2023-01-20 views:
自动摘要

正在生成中……

比如在ajax-load-more无限滚动的时候,如何在下拉到后面一篇文章的时候加载广告。

参考了stackoverflow的这个问题,以及答主给的演示代码

精髓的代码在这里。也就是这个loadBanner函数。每次使用js 重新 defineslot,使用不同的containerId。 

<script type='text/javascript'>
    var num_inserted_banners = 0;
    function loadBanner(slotName, slotSizes, containerId) {
        googletag.cmd.push(function() {
            googletag.defineSlot(slotName, slotSizes, containerId)
                    .addService(googletag.pubads());
            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
        });
        var containerDiv = document.createElement("div");
        containerDiv.id = containerId;
        containerDiv.className = "ad";
        document.body.appendChild(containerDiv);
        googletag.cmd.push(function() { googletag.display(containerId); });
        num_inserted_banners++;
    }
</script>

<button id="buttonLoader" onclick="loadBanner('/1234/Banner/', [300, 250], 'ad-' + num_inserted_banners)">Load Banner</button>
本文收录于