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

  可能會有很多站長認為我瘋了,不過就站在一個網頁瀏覽者的立場來說,比較進階的玩家們不也常常使用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">

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 bshadow 的頭像
    bshadow

    發卡布洛

    bshadow 發表在 痞客邦 留言(23) 人氣()