新聞中心
WordPress延遲加載廣告代碼的方法
作者 / 無憂主機(jī) 時間 2014-12-01 15:58:12
無憂主機(jī)小編這次就來給大家分享一下關(guān)于wordpress搭建的網(wǎng)站添加廣告后,頁面響應(yīng)過慢的問題。有相當(dāng)多一部分用戶都會添加Google、百度等網(wǎng)盟提供的廣告,但很多人都沒有到wordpress在引用站外的東西的時候,會導(dǎo)致很長一段時間打不開網(wǎng)頁。無憂主機(jī)小編也接到了不少無憂主機(jī)php空間上的用戶反映此類問題。為了避免這個問題,小編在這里可以讓廣告代碼在WordPress中延遲加載,從而達(dá)到 WordPress提速的功能!通過無憂小編的多次測試,發(fā)現(xiàn)在對百度、Google、網(wǎng)易等知名廣告聯(lián)盟等一些廣告基本度可以起到延遲加載的作用。 下面無憂主機(jī)小編就來給大家分享一下集體的方法: 1、進(jìn)入WordPress后臺,選擇外觀下面的編輯選項,找到這么一條語句<?php the_content(); ?> ,或許是相關(guān)的函數(shù)。然后在這條語句前面加入: <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;} 說一下代碼的原理:一般來說網(wǎng)頁元素加載是有順序的,在廣告的位置加一個空的div,然后在網(wǎng)頁加載的最后的時候在去調(diào)用google的廣告JS,產(chǎn)生廣告,同時替換掉之前那個div的內(nèi)容。當(dāng)然了,如果你直接使用周良所提供的代碼,那么你會發(fā)現(xiàn)這是在文章頁面加載廣告(因為周良博客的廣告都是出現(xiàn)在文章頁面),并且CSS樣式我是自己的。你需要按照你自己情況,修改一下代碼,至于放到側(cè)邊欄或者首頁的廣告延遲加載方法我這里也就不多說什么了,方法都差不多,有了上面的代碼,大家只需要稍微修改幾個函數(shù)即可。 有需要的朋友可以嘗試一下,希望能夠幫助你們哦! 無憂主機(jī)相關(guān)文章推薦閱讀: WORDPRESS統(tǒng)計插件WP STATISTICS WORDPRESS實(shí)現(xiàn)社會化聯(lián)合登錄功能實(shí)現(xiàn)方法 如何利用.HTACCESS實(shí)現(xiàn)ZBLOG和WORDPRESS之間的鏈接跳轉(zhuǎn) WORDPRESS卸載WP-SUPER-CACHE插件導(dǎo)致無法顯示最新發(fā)布的文章
本文地址:http://www.love62.cn/wordpress/17758.html