經營部落格或許可以為自己增加一些額外的收入,但要是廣告放多了也是蠻惹人嫌的。好啦,這並不是本篇的重點,經營部落格的這兩年來,我發現會點廣告的人就是會去點,不會點的人就算你放再多廣告他也不會點,既然如此,那我們何不讓使用者自行決定要不要在網頁中顯示廣告呢?
可能會有很多站長認為我瘋了,不過就站在一個網頁瀏覽者的立場來說,比較進階的玩家們不也常常使用adblock、stylish、RIP這類火狐的套件來擋掉某些網站的廣告嗎?我的觀點是,與其讓使用者花心思去擋廣告,我們不如直接做一個廣告開關方便使用者們做切換,要是使用者認為你的網頁內容寫的真的很不錯,我想他們一定也會很高興地點選廣告給你一點鼓勵的。但在這之前,我們還是先還給使用者一個乾淨的瀏覽介面吧!
本功能使用 jQuery 的 cookie plugins 來紀錄廣告是否顯示的狀態,在公告區塊內加入即可使用:
<script type="text/javascript"> var _ad_div_name="廣告區塊的名稱"; //改這行 jQuery.getScript("https://sites.google.com/site/jsdatabase1/js/self_ad.js"); </script>
※廣告區塊的名稱請自行尋找
1.如果廣告區塊是被<div id="name">廣告內容</div>所包覆,這個區塊的名稱請請寫:#name。
2.如果廣告區塊是被<div class="name">廣告內容</div>所包覆,這個區塊的名稱請請寫:.name。
如果你是將廣告放置於側邊欄,那通常都是第一種情形。如果你有很多廣告區塊,可以使用逗號將名稱分開,如:.ad1, #ad2, #ad3...
接下來,請在你的CSS中加入以下這段把你的廣告隱藏:
別擔心,要是網友沒有點選隱藏按鈕,在進入網頁時廣告仍會顯示。
最後,你可以在網頁任何一個位子置入這個隱藏鈕(例如部落格描述):
<input type="button" value="loading ad state..." id="adv_select">
留言列表