經營部落格或許可以為自己增加一些額外的收入，但要是廣告放多了也是蠻惹人嫌的。好啦，這並不是本篇的重點，經營部落格的這兩年來，我發現會點廣告的人就是會去點，不會點的人就算你放再多廣告他也不會點，既然如此，那我們何不讓使用者自行決定要不要在網頁中顯示廣告呢？

　　可能會有很多站長認為我瘋了，不過就站在一個網頁瀏覽者的立場來說，比較進階的玩家們不也常常使用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中加入以下這段把你的廣告隱藏：

廣告區塊id名稱{display:none}

別擔心，要是網友沒有點選隱藏按鈕，在進入網頁時廣告仍會顯示。

最後，你可以在網頁任何一個位子置入這個隱藏鈕（例如部落格描述）：

<input type="button" value="loading ad state..." id="adv_select">

 

文章標籤
全站熱搜
創作者介紹
創作者 bshadow 的頭像
bshadow

發卡布洛

bshadow 發表在 痞客邦 留言(43) 人氣(1,834)