自动摘要
正在生成中……
比如在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>
参考资料:
- https://stackoverflow.com/questions/38415763/google-dfp-tags-on-infinite-scroll-page
- https://jsfiddle.net/oscardom/cog46j82/4/