本文主要介紹一種新的廣告后加載的方式，支持自定義HTML廣告、百度聯(lián)盟廣告和谷歌聯(lián)盟廣告。這種方式在頁面加載完成后執(zhí)行，不影響內(nèi)容的顯示，對用戶更加友好。
我們在網(wǎng)站上放置廣告，最簡單的方法就是把JS代碼，插入指定的位置，這樣帶了后果就是，頁面按照順序加載，偶爾一條廣告代碼卡住，整個頁面都會卡住，給用戶帶來的體驗是極差的。
那么怎么解決這種問題呢？先說一下原理，在我們的頁面上先預留一些占位符，為了不影響頁面內(nèi)容的加載，我們在頁面的底部引入JS處理，逐個把占位符替換成相應的廣告。
jbMap = window.jbMap || {};
function jbViaJs(locationId) {
var _f = undefined;
var _fconv = 'jbMap[/"' + locationId + '/"]';
try {
_f = eval(_fconv);
if (_f != undefined) {
_f()
}
} catch(e) {}
}
function jbLoader(closetag) {
var jbTest = null,
jbTestPos = document.getElementsByTagName("span");
for (var i = 0; i < jbTestPos.length; i++) {
if (jbTestPos[i].className == "jbTestPos") {
jbTest = jbTestPos[i];
break
}
}
if (jbTest == null) return;
if (!closetag) {
document.write("<span id=jbTestPos_" + jbTest.id + " style=display:none>");
jbViaJs(jbTest.id);
return
}
document.write("</span>");
var real = document.getElementById("jbTestPos_" + jbTest.id);
for (var i = 0; i < real.childNodes.length; i++) {
var node = real.childNodes[i];
if (node.tagName == "SCRIPT" && /closetag/.test(node.className)) continue;
jbTest.parentNode.insertBefore(node, jbTest);
i--
}
jbTest.parentNode.removeChild(jbTest);
real.parentNode.removeChild(real)
}
jbMap['ads_one'] = function() {
document.writeln('<a href="
//m.survivalescaperooms.com/" target="_blank">武林網(wǎng)</a>');
};
jbMap['ads_two'] = function() {
document.writeln('<scr'+'ipt type="text/javascript">var cpro_id = "u336546";</script><script src="
};
jbMap['ads_three'] = function() {
document.writeln('<scri'+'pt async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-1247620132145618" data-ad-slot="2253650178" data-override-format="true" data-page-url="
//m.survivalescaperooms.com"></ins><scri'+'pt>(adsbygoogle = window.adsbygoogle || []).push({});</s'+'cript>');
};
