很忙的企鵝阿呆老是沒時間教我如何把廣告最後載入(都忙在睡覺吃飯打電動),於是我只好自己來找解決方式了,之前就在google找過幾次了,只是一直沒有找對關鍵字,譬如說「廣告 最後顯示」「廣告 最後讀取」之類的字眼,到昨天才發現有答案的關鍵字是「廣告延遲載入」。
在此也感謝寫了篇「延遲廣告載入,避免廣告拖慢你網站的速度」教學的demo小鋪,昨天在睡前終於讓我發現了方法,於是再晚睡都要把廣告延遲載入的技術好好實做一次,雖然說對懂javascript的學長們不是什麼大技術,但是對我來說還真是大還丹一顆!
簡單的記錄一下方法吧!在原本放置廣告的地方先改成一段<span></span>,並且命名id,中間可以寫上讀取中的字樣,或是空白。
<span id="BloggerAds">等等 Bloggerads 就來了</span>那麼廣告程式碼到底寫在哪裡呢?既然是最後讀取當然是放在網頁最後方,當然也可以視狀況放到不影響正常文章讀取之後方。這時候也是寫一段<span></span>並命名id,再把該寫的廣告程式碼放到中間。
<span id="show_BloggerAds" style="display: none">接著就是來一段javascript,主要的作用就是讓後段的<span id="show_BloggerAds">取代前段的<span id="BloggerAds">,這樣就可以達成廣告延遲載入的效果。
會拖慢網頁瀏覽的廣告程式碼
</span>
<script type="text/javascript">再測試之後終於把我覺得會卡的Bloggerads搞定,超級感動的啦!後來發現原來拖慢的不只這樣,在追求速度的快感之下,把很多廣告都一樣畫葫蘆搞定了,終於有把網頁一次展開的感覺了!
var no_show=document.getElementById("BloggerAds");
var show=document.getElementById("show_BloggerAds");
no_show.innerHTML=show.innerHTML;
show.innerHTML="";
</script>