Google DFP廣告管理系統標記在無限滾動頁面上

Question

我想通過Google DFP廣告管理系統在通過ajax以無限滾動方式加載的每個頁面中展示廣告。每頁有四個不同的插槽。我遵循Google DFP的常規代碼，這是我的情況：

<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('/XXXXXXX/ROS_DHTML', [600, 600], 'div-gpt-ad-5').addService(googletag.pubads()); 
googletag.defineSlot('/XXXXXXX/ROS_Horizontal', [960, 250], 'div-gpt-ad-6').addService(googletag.pubads()); 
googletag.defineSlot('/XXXXXXX/ROS_Interstitial', [1920, 1080], 'div-gpt-ad-7').addService(googletag.pubads()); 
googletag.defineSlot('/XXXXXXX/ROS_Txt', [[300, 250], [300, 600]], 'div-gpt-ad-8').addService(googletag.pubads()); 
googletag.pubads().collapseEmptyDivs(); 
googletag.enableServices(); 
}); 
</script> 

然後我再次定期致電廣告。

<div id='div-gpt-ad-8'> 
<script type='text/javascript'> 
googletag.cmd.push(function() { googletag.display('div-gpt-ad-8'); }); 
</script> 
</div> 

我的無限滾動腳本（Ajax Load More WordPress插件）我提供的是每一個成功的查詢之後調度回調函數。例如，我使用AddThis，Facebook和Twitter按鈕代碼。

$(function() { 
$.fn.almComplete = function(alm){ 
console.log("Ajax Load More Complete!"); 
}; 
})(jQuery); 

如何讓DFP和此回調函數一起工作？我知道Advanced Google Publisher Tag，但我不是世界上最懂代碼的人，而且我無法適應我的需求（特別是因爲我使用了很多插槽）。所以，我認爲這將是更簡單的方法...

Answer 1

解決您的問題的關鍵是它使用每個插槽的新id（div-gpt-ad-randomNumber），然後將該id用於正確的元素你想追加橫幅。

因爲你必須用新的隨機ID的重新定義你所需要的插槽在滾動過程中各「常規」載：

function getRandomId() { 
    return "ad-" + Date.now(); 
} 

var ad1 = getRandomId(), 
    ad2 = getRandomId(), 
    ad3 = getRandomId(); 

googletag.cmd.push(function() { 
    googletag.defineSlot('/XXXXXXX/ROS_DHTML', [600, 600], ad1).addService(googletag.pubads()); 
    googletag.defineSlot('/XXXXXXX/ROS_Horizontal', [960, 250], ad2).addService(googletag.pubads()); 
    googletag.defineSlot('/XXXXXXX/ROS_Interstitial', [1920, 1080], getRandomId()).addService(googletag.pubads()); 
    googletag.defineSlot('/XXXXXXX/ROS_Txt', [[300, 250], [300, 600]], ad3).addService(googletag.pubads()); 
    googletag.pubads().collapseEmptyDivs(); 
    googletag.enableServices(); 
}); 

//You can do a cleaner version with a loop but I think this example it's better to understand the idea 

---

var adContainer = document.createElement("div"); 
div.id = ad1; 
document.body.appendChild(adContainer); // Append it where you need 
googletag.cmd.push(function() { googletag.display(ad1);}); 

//Repeat it for ad2 and ad3 

---

如果這還不夠讓我知道我將用一個帶有真實示例工作的小提琴來編輯帖子。