 |
| Source: https://www.google.com.tw/adsense/start/ |
Google AdSense 廣告聯播網行之有年，越來越多內容創作者像是部落客或 Youtuber 都得力於這個領先全球的廣告分潤計劃。
雖說在同樣流量下， Youtube 的收益比網站或部落格還豐碩一點，不過努力經營網站或部落格的創作者還是大有人在喔！
門檻部分，Youtube 的經營門檻比較高（需要先投資設備、軟體等等），製作出一部優質影片也需要一定的技術能力和花費較多時間，相對的網站或部落格就非常容易入門，就看創作者比較偏好靜態寫作或是動態影音哪種創作模式囉！（也可以兩種都經營XD）
在這邊萊德將自己使用 Blogger 申請 AdSense 並獲利的經驗整理成一系列教學，其中包含一些申請卡住或審核遭拒的疑難排解，讓創作者也能輕鬆透過 AdSense 獲利，進而成為優秀的內容創作者以及發佈商，歡迎多加參考利用！
◆ Google AdSense 系列教學將分為五個部分，分別是：
4. 如何驗證 PIN Code 與新增付款方式（以西聯匯款為例）
5. 如何使用西聯匯款收取款項
其中，由於 Blogger 與一般已註冊網域域名網站的 AdSense 審核管道在 Google 系統中完全不一樣，特別新增了一篇：
此外，與 AdSense 緊緊相連的 AdMob 與 Youtube 也會釋出申請教學喔！
SP1 如何申請 Google AdMob 帳戶
還請讀者們各取所需喔:D
正文開始~
1. 網頁層級廣告（Page-level ads）
網頁層級廣告是近期 AdSense 推出的新功能，只要簡單在網站放入一段程式碼，就可以在行動網頁顯示最多兩種廣告類型。
一種是錨定（重疊）廣告，可以固定在使用者螢幕邊緣，另一種則是在離開網頁的空擋才會顯示的穿插廣告（通常是使用者點了連結前往其他頁面時才會出現廣告）。
要啟用網頁層級廣告非常簡單，請至
我的廣告 -> 多媒體廣告聯播網 -> 網頁層級廣告
然後把兩種廣告格式都切換到「開啟」狀態。（也可以只開你想要使用的就好）
按下 " 取得程式碼 "
將程式碼複製。
接著來到 Blogger 後台 -> 主題 -> 編輯 HTML
" Ctrl + F " 或是 Mac " Command + F " 搜尋
或是 後，在前面加入剛剛複製的程式碼。
如果是一般域名網站也是類似作法。
由上圖可以知道，直接貼上並按下 " 儲存範本 " 會有語法錯誤，這時只要將 async 改成 async='async' 即可順利儲存。
詳情請參閱：
[ Blogger ] [ XML ] 解決 Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.
這時回到 AdSense 後台，可以按下 " 測試 " ，並按照以下步驟測試廣告是否正常顯示。
例如 Laird Studio 的行動版網頁的測試網址就是：
http://www.laird.tw/?m=1#googleads
P.S. 要使用手機瀏覽器測試才會成功喔！
如果測試成功，表示代碼已經成功置入網誌或網站，等待約十分鐘左右，就會有真實的廣告曝光囉！
如果測試不成功，請參考以下官方文件說明。
另外提一下 UX （使用者體驗），目前自己經營的網站都只有開啟錨定廣告，使用者體驗會較好，如果你也擔心穿插廣告會影響訪客瀏覽體驗，那就果斷把它關掉吧！
錨定廣告實際運行畫面：
穿插廣告實際運行畫面：（目前本站不採用）
2. 相符內容廣告（Matched content ads）
相符內容廣告是最新的廣告類型，可以想成是「相關文章」或「你可能還會對這些文章感興趣」這類工具的 AdSense 版。
需要注意的是，使用這個功能的網站需要有一定水準的流量與文章數目，否則無法加入到網站，若網站獲利功能不佳，也只會單純顯示站內相似文章而沒有廣告內容。
要在網站增加「相符內容」這項功能，請至 AdSense 後台：
我的廣告 -> 多媒體廣告聯播網 -> 廣告單元
" 新增廣告單元 "
" 相符內容 "
以下是官方的一些介紹。
首先選擇你要放置「相符內容」的網站，這個網站必須是「我的網站」清單內的網站才能使用。（ AdSense 後台 -> 設定 -> 我的網站）
同時，該網站必須有一定數量的文章內容以及流量，才會顯示在「符合資格的網站」以供選擇。
接著，填入 " 廣告單元名稱 " （可隨意填寫）
開啟 " 刊登廣告營利 " 功能。
可以任意選擇喜歡的字型與顏色來調整廣告樣式。
大小預設為 " 回應式廣告 " ，可以根據版面調整廣告單元大小，當然也可以自訂尺寸。
都完成設定後，按下 " 儲存並取得程式碼 "
複製程式碼並貼到你想要顯示的網站位置，一般建議將「相符內容」顯示在每篇文章的末端，如果 Blogger 用戶不清楚的話實際位置的話，可以參考以下文章：
[ Blogger ] [ XML ] 如何在文章下方加入文字版 Related Posts 相關文章功能
當然，貼上代碼儲存後如果有語法錯誤，解決方法是一樣的：
[ Blogger ] [ XML ] 解決 Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.
相符內容廣告實際運行畫面：
3. 搜尋廣告（AdSense for search）
之前曾經介紹過 Google 的自訂搜尋引擎 CSE ( Custom Search Engine ) ：
[ Blogger ] [ Google ] 如何加入自訂搜尋引擎 Custom Search Engine
同樣也有提到 AdSense 搜尋廣告營利功能，然而， AdSense 後台其實就能夠生成一個 CSE ，並直接內建搜尋廣告！
AdSense 後台 -> 我的廣告 -> 搜尋廣告
" 新增自訂搜尋引擎 "
與 CSE 設定大同小異，可以調整各項設定，例如語言、搜尋框樣式、搜尋廣告樣式等等。
都設定完成後，按下 " 儲存並取得程式碼 " ，並將程式碼貼到網站後台想要顯示 CSE 的位置，就能立即使用。
P.S. Blogger 用戶可以善用後台版面配置的 HTML/JavaScript 小工具！
搜尋廣告實際運行畫面：
最後提醒各位站長與創作者，這篇文章介紹的搜尋廣告與相符內容廣告單元建議各放置一個即可，相信只要將廣告放置在合適的位置，並且不影響 UX （使用者體驗），專心致志於內容創作上，網站的獲利能力一定能蒸蒸日上！
Laird Studio 祝福大家:D
「新增 AdSense 網頁層級廣告、相符內容廣告、搜尋廣告」的教學就到這邊~
希望對你有幫助~
我們下次見~
