讓WordPress中的廣告代碼延遲加載
來源:易賢網 閱讀:852 次 日期:2014-09-03 15:53:28
溫馨提示:易賢網小編為您整理了“讓WordPress中的廣告代碼延遲加載”,方便廣大網友查閱!

眾多使用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技術專欄

更多信息請查看CMS教程
易賢網手機網站地址:讓WordPress中的廣告代碼延遲加載
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>
相關閱讀CMS教程

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網