達仔的 Android 開發基地: AdSense 的廣告欄位無痛安裝 (Blogger)

請注意 : 下面介紹的方法僅適用於 Blogger 並且已通過 AdSense 初審的使用者。

當初為了要在網誌中掛上 AdSense 的廣告欄位，卻又害怕不小心毀了網誌範本的原始碼，遲遲不敢動手，網搜爬文找到的都是舊版的資料，都不符合我使用新版 Blogger 的方式，翻找 AdSense 相關的說明文件又缺乏新版的圖文說明，殊不知新版的 Blogger 已經貼心地為使用者簡化了佈置廣告欄位的程序。

當您接獲 AdSense 初審通過的郵件，接下來需按照郵件上的步驟一一設定，三個步驟如下 : ( 細節在此略過，請參照 AdSense 初審通過的郵件說明 )

第 1 步：登入您的帳戶。
第 2 步：建立 AdSense 廣告單元。
第 3 步：在網頁上安裝廣告程式碼。

乍看之下只有 3 個步驟好像很簡單，真的是如此嗎 ?
對於不懂 HTML 語法的使用者來說，操作到第 2 步驟或許還不會有什麼問題，但是到第 3 步驟恐怕就會不知所措了 !

按照 AdSense 說明文件上的教學，可以手動方式或是透過其它 HTML 編輯器的輔助，將廣告程式碼貼到網頁中，但是整個流程操作起來仍是相當吃力 ! 尤其，當您要去更換廣告欄位大小及變動版面配置時，光是從 AdSense 管理頁面去 [ 新增 ]、[ 複製 ] 廣告程式碼，再到網誌的原始頁面將其貼上 ... 一來一往相當費事 !

現在 Blogger 的使用者們有福了 ! 自從 Blogger 推出新版介面後，在設定AdSense 廣告欄位的流程已經簡化許多 ! 而原始的設定方法就留給其他網站或 BSP 的使用者去參考吧 !

Blogger 安裝 AdSense 廣告欄位步驟如下 :

1 . 連結 AdSense 與 Blogger :

請進入 [ 我的網誌 ] 管理頁面中點選 [ 收益 ]，接著會要求您將 AdSense 帳號與 Blogger 做連結 ( 那個連結畫面我忘了先擷圖下來 :p )，連結的過程會自動指引您，步驟很簡單不用擔心。

2 . 設定 AdSense 廣告的顯示方式 : (如下圖)

這兩項為主要設定項目 : [ 在網誌上顯示廣告 ]、[ 在資訊提供中插入廣告 ]
其細節內容請自行選擇，最後這兩項都要選擇 [ 是 ] 這樣廣告才能顯示。設定完成別忘了 ~ 按 [ 儲存 ]。往後若想更動設定，仍可到 [ 收益 ] 選項中進行更改。

3 . [ 版面配置 ] > [ 新增小工具] > AdSense
這個步驟您看著圖應該就會操作囉 !
請點選 [ 版面配置 ] ~

再點選 [ 新增小工具 ]，接著在出現的新視窗中選擇 [ AdSense ] (如下圖)，如果您無法選擇該項目就表示您還未申請 AdSense 或是初審仍未通過 !

新增 [ AdSense ] 欄位後，再擺放到適當位置，按照 AdSense 的規範，一個網頁可以顯示 3 個廣告內容、3 個連結單位、2 個搜尋框。

4 . 編輯 [ AdSense ] 欄位

現在 AdSense 工具欄位已經出現在編排的版面中，於 AdSense 工具欄位中點選 [ 編輯 ]，會出現如下圖的設定畫面 :

該視窗下方會顯示您的發佈商 ID，您甚至可以切換至其他發佈商 ID。設定廣告欄位的方式非常人性化，省去廣告程式碼 [ 複製 ]、[ 貼上 ] 的麻煩步驟 ! 這裡要注意的地方是 [ 格式 ] 這項設定 (下圖)

AdSense 規定，一個網頁允許顯示 3 個廣告內容、3 個連結單位、2 個搜尋框，下圖中，藍色框起來的區塊就是屬於 [ 廣告內容 ]，紅色框起來的區塊則是 [ 連結單位 ]，搜尋框的設置非本文討論重點，請自行參考 : 在 Blogger 加上搜尋框。

假設您想配置 3 個廣告內容 (上圖藍色區塊)、3 個連結單位 (紅色區塊) 在您的版面中，那麼在您的 [ 版面配置 ] 中則必須加入 6 個 AdSense 工具欄位，至於配置重點您可以參考快速最佳化工具以及廣告刊登位置最佳實務。另外 Blogger 會自動偵測您版面上的 AdSense 工具欄位的數量是否超過規定，多餘的欄位將不會被顯示出來。

接著 ~ 請為每個 AdSense 的工具欄位

進行下列動作 : [ 編輯 ] > [ 格式 ]、[ 顏色 ] > [ 儲存 ]，挑選最適合您網誌版面的廣告欄位大小與顏色，配置位置若不滿意隨時可以更動。

5 . 等待 AdSense 最後審核階段
AdSense 廣告欄位配置及設定完成後，按 [ 檢視網誌 ] 看一下配置的位置與其他的欄位是否妥當 ( 注意 ! 需符合廣告刊登位置政策 ) 此時您的 AdSense 廣告欄位會呈現一片空白 (或透明)，別緊張 ~ 這是正常的，接著您必須等待 AdSense 的最後審查，就這樣放著不要去更動那些欄位，等待期間您的電腦可以關機，不用一直開著啦 ~ 至於最後審核要等多久 ... 在討論區中眾說紛紜，沒有一定，只要您前面的步驟做對了，應該能縮短最後的審核時間 ! 我這次的經驗是約莫 4 ~ 6 個小時左右 ! ( 我猜想 Google 自家的 Blogger 應該會比較快 ) 當您發現廣告欄位出現廣告時就表示您最後的審核已經通過，當初申請 AdSense 的郵件信箱中也會收到一封最後審核完成的通知信。

6 . 檢查檢查再檢查
請注意 ! 廣告出現後，要檢查一下廣告欄位與網誌的其他欄位是否有交疊或遮蔽的現象，甚至您不小心將廣告欄位放在有下拉式選單的工具項下面，只要發現不妥就到 [ 版面配置 ] 立即更改位置或是改變 AdSense 廣告欄位的大小格式，以免違反 AdSense 的規範 !

例如下面這個案例，(下圖左) 訂閱欄位沒有被點選的時候不會有任何異狀，假設位於 [ 所有留言 ] 下方那個 Blogger 的標誌是廣告欄位，當您去點選 [ 所有留言 ] 欄位時 (下圖右)，位於下方的 Blogger 標誌會遭到遮蔽，如果被擋住的是廣告 ... 若被 AdSense 發現則會給予警告，逾時未改善恐遭停權處分 ! 請特別留意 ! 相關細節請詳閱廣告刊登位置政策。