啾啾的部落格

一、前言

　在自己的部落格上放廣告已經是現在的部落客必備選項之一了，除了藉由擺放廣告來增加一點收入外也能讓部落格多點變化不是只有文字的單調，但是身為部落主的你在擺放廣告的同時是否有想過放置的廣告適不適合自己的部落格？目前網路上有非常多低門檻又容易申請的廣告商，如世界最大家的 Google AdSense、台灣本土的﹔BloggerAds 和 BlogAD，甚至是以策略聯盟為模式的﹔興奇購物、博客來網路書店等等，若能在什麼都漲只有薪水不漲的艱苦時刻，還能藉由在部落格放置廣告中賺到一點家用補貼那當然是再好也不過了，所以申請多家廣告的部落主也不在少數，而最讓部落主困擾的莫過於各家廣告商都有各自的廣告模式，除了基本的文字、圖片或FLASH模式的廣告外，廣告的尺寸大小可是很重要的一環，這都將直接影響到廣告是不是適合部落主的佈景擺設與瀏覽網友的觀感，部落主該如何讓廣告出現的位子達到展示效果並還能促進點擊率，這可是一門大學問呢！

二、優點與好處分析

　大家經常在逛部落格時一定都有發現到那些花花綠綠東一塊西一塊的廣告出現量非常的驚人，許多部落主都只為了”打廣告”賺錢而忽略了網友們基本的閱讀美觀權益，左右兩邊欄位整排都是廣告就算了，內文還看沒兩句就又一大塊廣告，有時候甚至一整頁文章的量可能都沒有廣告的多！這樣不但容易造成反感也會讓網友對部落格大打折扣，降低回流率。

　前面講了一堆落洛長重點都還沒說到，下面將介紹怎麼將"展示完成後的廣告關閉"，簡單來說就是讓網友在瀏覽時將廣告載入完畢之後把廣告自動關閉，這種方式非常適合以"曝光次數"來計算的廣告模式，既能達到廣告曝光效果又能保持部落格版面的整潔，不會因為擺放太多廣告而造成網友閱讀困難甚至造成反感，可以說是雙贏！

　如果你在讀取本部落格的任一篇文章有注意到的話可以發現內文右方都會有一個方形的廣告，並且在展示達到一定秒數之後就會自動關閉，沒注意到的可以按下F5重新整理本頁重看一遍，在自動關閉廣告之後文章版面也會回復原狀不影響閱讀。

三、語法教學

　要達到這種效果首先必須要用DIV標籤將廣告包住，再用Script來控制DIV的顯示與關閉，以本站廣告為例，先用DIV包起來再給他一個ID(名稱可自行定義)我命名為"ad1"`,完整原始碼如下：
<div id="ad1"> <a href='http://jojos.no-ip.org/openx/www/delivery/ck.php?n=a1d71194&cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://jojos.no-ip.org/openx/www/delivery/avw.php?zoneid=8&charset=UTF-8&n=a1d71194' border='0' /></a> </div>
　接下來就在網頁裡加上Script控制，你可以加在單頁文章內或是整合進＜head>標籤裡，完整語法如下：
<script> function toueme(){ document.getElementById("ad1").style.display="none"; } setTimeout("toueme()",15000) </script>
　其中("ad1")裡頭的ad1就是要填入剛剛幫DIV指定的ID名稱，這裡可以自行定義，後面的("toueme()",15000)則是控制廣告的展示秒數，單位是"豪秒"，所以15000豪秒就等於15秒鐘，看到這裡看的懂語法的人應該有發現到我命名ad1的原因，沒錯就是可以藉由自行定義ID命名來控制多個DIV開關，例如我想要在同一頁面上展示另一個廣告且在不同位子這時一樣用DIV標籤包起廣告語法並將ID命名為ad2，如下﹔
<div id="ad2"> <a href='http://jojos.no-ip.org/openx/www/delivery/ck.php?n=a1d71194&cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://jojos.no-ip.org/openx/www/delivery/avw.php?zoneid=8&charset=UTF-8&n=a1d71194' border='0' /></a> </div>
　Script的寫法則增加一段ad2的宣告﹔
<script> function toueme(){ document.getElementById("ad1").style.display="none"; document.getElementById("ad2").style.display="none"; } setTimeout("toueme()",15000) </script>
　這樣一來就能一次關閉兩個廣告了！以此類推照上述方式就能夠按照自己需求增設更多個要控制的廣告，看完本篇之後快點上線整理整理你家的廣告吧！別再讓那些大不嚨咚佔位子的廣告吃掉的你美麗佈景的文章版面了！

實際範例頁1|實際範例頁2