眾多使用WordPress搭建的博客都會(huì)添加Google、百度等網(wǎng)盟提供的廣告,但是不知道大家注意到?jīng)]有wordpress在引用站外的東西的時(shí)候,如果站外服務(wù)器響應(yīng)過(guò)慢,會(huì)導(dǎo)致很長(zhǎng)一段時(shí)間打不開(kāi)網(wǎng)頁(yè),為了避免這個(gè)問(wèn)題,我們可以讓廣告代碼在WordPress中延遲加載,達(dá)到對(duì)WordPress提速的功能!目前這段代碼根據(jù)周良的測(cè)試,可以對(duì)百度、Google、網(wǎng)易等知名廣告聯(lián)盟起到延遲加載的作用。
具體方法如下:
1、進(jìn)入WordPress后臺(tái),選擇外觀下面的編輯選項(xiàng),找到這么一條語(yǔ)句<?php the_content(); ?> ,或許是相關(guān)的函數(shù)。然后在這條語(yǔ)句前面加入:
<div id="myad"></div>
2、打開(kāi)你的footer.php文件,在</body>之前加入如下代碼:
<?php if (is_single()) : ?>
<div id="span_myads">
<!-- AD code –>
//這里插入你的廣告代碼
<!-- AD coed end-->
</div>
<script type="text/javascript">
document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>
<?php endif; ?>
</div>
3、打開(kāi)你的style.css文件,加入下面的CSS代碼:
#myad{float:left;margin:20px 10px 10px 40px;}
說(shuō)一下代碼的原理:一般來(lái)說(shuō)網(wǎng)頁(yè)元素加載是有順序的,在廣告的位置加一個(gè)空的div,然后在網(wǎng)頁(yè)加載的最后的時(shí)候在去調(diào)用google的廣告JS,產(chǎn)生廣告,同時(shí)替換掉之前那個(gè)div的內(nèi)容。當(dāng)然了,如果你直接使用周良所提供的代碼,那么你會(huì)發(fā)現(xiàn)這是在文章頁(yè)面加載廣告(因?yàn)橹芰疾┛偷膹V告都是出現(xiàn)在文章頁(yè)面),并且CSS樣式我是自己的。你需要按照你自己情況,修改一下代碼,至于放到側(cè)邊欄或者首頁(yè)的廣告延遲加載方法我這里也就不多說(shuō)什么了,方法都差不多,有了上面的代碼,大家只需要稍微修改幾個(gè)函數(shù)即可。
更多信息請(qǐng)查看IT技術(shù)專欄