眾多使用WordPress搭建的博客都會添加Google、百度等網盟提供的廣告,但是不知道大家注意到沒有wordpress在引用站外的東西的時候,如果站外服務器響應過慢,會導致很長一段時間打不開網頁,為了避免這個問題,我們可以讓廣告代碼在WordPress中延遲加載,達到對WordPress提速的功能!目前這段代碼根據周良的測試,可以對百度、Google、網易等知名廣告聯盟起到延遲加載的作用。
具體方法如下:
1、進入WordPress后臺,選擇外觀下面的編輯選項,找到這么一條語句<?php the_content(); ?> ,或許是相關的函數。然后在這條語句前面加入:
<div id="myad"></div>
2、打開你的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、打開你的style.css文件,加入下面的CSS代碼:
#myad{float:left;margin:20px 10px 10px 40px;}
說一下代碼的原理:一般來說網頁元素加載是有順序的,在廣告的位置加一個空的div,然后在網頁加載的最后的時候在去調用google的廣告JS,產生廣告,同時替換掉之前那個div的內容。當然了,如果你直接使用周良所提供的代碼,那么你會發(fā)現這是在文章頁面加載廣告(因為周良博客的廣告都是出現在文章頁面),并且CSS樣式我是自己的。你需要按照你自己情況,修改一下代碼,至于放到側邊欄或者首頁的廣告延遲加載方法我這里也就不多說什么了,方法都差不多,有了上面的代碼,大家只需要稍微修改幾個函數即可。
更多信息請查看IT技術專欄