在 Blogger 裡加入 Google AdSense

Google AdSense 推出繁體中文版後，付款方式也可以使用小額的美金支票，友人加入 Google Adsense 也因此增加了一點不無小補的收入，我看了自己的 Counter，這樣的訪客流量應該也可以玩一下吧！所以也去申請了。過兩天果然接獲通知申請成功，馬上拿自己另外一個測試的 blog 來玩，搞定！接著就正式安裝起來。三種類型我都有裝：AdSense for Content (直接顯示圖文廣告)、AdSense for Search (透過搜尋置入廣告)、以及 Google 推薦 (推薦 Google 的相關產品)，彈性很不錯，置入廣告並不會和自己的 Blog 版型樣式有什麼衝突，根據 AdSense 產生的程式碼我還是有稍作修正，準備要正式開張斂財囉！

我做的修改有兩個特別的地方：首先，我用 AdSense for Search 取代部分我原來的搜尋元件（本來只有 SiteSearch，現在不但結合廣告，還多了原 Google 的網站搜尋，這真是一舉數得！不過再強調一次，找不找得到內容端看 Google Search Engine 有沒有 cache 你的 page，不要再問我為什麼搜尋引擎找不到自己的文章了），接下來另外拉一個獨立的網頁元素（Page Element），裡面就只貼廣告的 Javascript，搞定！不過因為我愛用 Firefox，內建的 Adblock Plus 會把 AdSense 一併自動地檔掉，所以自己用 Firefox 看這個模組會空有標題卻空無一物，有點奇怪，既然愛用 Firefox 就順便替它做廣告吧！因此放上推薦下載的官方 Logo，即使 AdSense 的廣告被擋光，該模組裡面還是有東西，看起來就不會突兀囉！想和我一樣裝 AdSense 的可以參考類似的作法。

首先，我把原來的 Google SiteSearch 程式碼改成下面（僅供參考，如果整個剪貼抄去的話就是替我賺錢喔），比起之前的 SiteSearch 更多一點彈性（Web Search + Blog Search，還可以自訂高度 50 pixels 或 100x100 的 Logo！我儘量不改 AdSense 給我的原始碼，有需要也可以套用一些 CSS style）：

<!-- SiteSearch Google -->
<form action="http://www.google.com/custom" target="_top" method="get">
<input value="abintech.blogspot.com" name="domains" type="hidden"/>
<label for="sbi" style="display: none">輸入您的搜尋字詞</label>
<input maxlength="255" id="sbi" value="" name="q" type="text"/>
<input id="sbb" value="搜尋" name="sa" type="submit"/>
<label for="sbb" style="display: none">提交搜尋表單</label>
<input id="ss0" value="" name="sitesearch" type="radio"/>
<label for="ss0" title="搜尋網頁"><font color="#ffffff" size="-1">Google</font></label>
<input id="ss1" checked value="abintech.blogspot.com" name="sitesearch" type="radio"/>
<label for="ss1" title="搜尋 abintech.blogspot.com"><font color="#ffffff" size="-1">This Blog</font></label>
<input value="pub-2957923128429638" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="big5" name="ie" type="hidden"/>
<input value="big5" name="oe" type="hidden"/>
<input value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" type="hidden"/>
<input value="zh-TW" name="hl" type="hidden"/>
</form>
<!-- SiteSearch Google -->

接下來我拉了一個廣告推薦模組 (RECOMMEND + AD)，裡面 Firefox 的圖從這裡來的，不過連結我指向了台灣 Mozilla，接著貼入 AdSense for Content 的 200x90 五欄的文字廣告，另外再拉兩個 Google 推薦：附加 Google 工具列的 Firefox 以及宣告本網站透過 AdSense 增加收益的連結（程式碼 step by step 就會產生），打完收工，這樣就搞定了！不過以我的訪客數量，不知道要多久才能收到支票呢～（好心的大爺們，沒事多來我的 Blog 晃晃吧～）

延伸閱讀：
孤狗大神變財神？（Google AdSense懶人包）