Javascript程式,讓廣告延遲載入,並使其他的頁面內容先顯示

利用延遲載入廣告的方式,
可以讓讀者更快的完成載入頁面,
比較不會因等待廣告載入而跳出頁面


當你的網頁加入了廣告之後,
是否覺得你的頁面,等待廣告的時間比較久,
本文已經完後就一直在等待廣告回應嗎

利用延遲載入廣告的方式,
可以讓讀者更快的完成載入頁面,
比較不會因等待廣告載入而跳出頁面

簡單說,是把你 原來的廣告程式,
換成下面這一段程式,
原來的廣告程式 先保留在別的地方,如notepad

<!-- //原本的廣告Javascript,舊地點 -->

<span id="DELAY"></span>

再找一個頁末位置的地方,
把下面的程式放上去

<span id="Content" style="display: none">

<!-- 原本的廣告Javascript,搬到這裏  -->

</span>

<script type="text/javascript">

 var no_show=document.getElementById("DELAY");

 var show=document.getElementById("Content");

 no_show.innerHTML=show.innerHTML;

 show.innerHTML="";

</script>

再把 原來的廣告程式 插回去中間的地方

舉例說明如下,

Step1.把原來的程式換成新的程式

例如頁面右方有個廣告,

時常很慢要等很久

開啟後 原來的廣告程式 如下

把 原來的廣告程式 先存到Notepad上,

再把下面新的程式放上去

<!-- //原本的廣告Javascript,舊地點 -->

<span id="DELAY"></span>

 完成後,記得點儲存

Step2.在頁尾處,插入一段Javascript

在頁尾處再找個地方,

插入 新的Javascript元件

再把下面的程式複製進去,

<span id="Content" style="display: none">

<!-- 原本的廣告Javascript,搬到這裏  -->

</span>

<script type="text/javascript">

 var no_show=document.getElementById("DELAY");

 var show=document.getElementById("Content");

 no_show.innerHTML=show.innerHTML;

 show.innerHTML="";

</script>

完成後,

再把 原來的廣告程式,

插到第二行註解的下面

Step3.成功

點儲存後,再重新開啟就成功了