關於 Google Adsense 廣告位置放置-2

前面說到由於設定自動廣告的結果 Google 會亂塞造成整個網頁版面變得很亂, 於是只開啟錨定廣告與動態內嵌廣告, 剩下的就是利用自訂廣告單元來放到想放的地方, 雖然說 Google Adsense 政策中規定每個頁面最多只能放3個廣告單元, 但是我看有些人網誌放10幾個廣告也沒在怕, 所以Google到底是有沒有在抓也不曉得, 反正我本來也沒有想放太多廣告, 破壞了我精簡的版面

1. 在版面配置中編輯主版面的網誌文章工具

2. 勾選在文章之間顯示廣告, 但是上面規定一頁最多放3則廣告

3. 另外一種方式就是使用小工具來放廣告程式碼, 放到HTML/JavaScript的小工具中, 原本沒有 AdSense 這個小工具的, 我後來發現Blogger新增了這個小工具, 不過這東西新增後並不會出現在版面配置中, 而是在 Google AdSense 的廣告單元裡, 它會自動加到網頁原始碼中

w-studio.idv.tw

4. 新增的 AdSense 小工具, 其實就是自訂廣告單元設定

5. HTML/JavaScript 小工具, 在這裡貼上在Google AdSense中自己建立的廣告單元程式碼

6. 再進階的就是去修改網頁原始碼(編輯HTML), 另外就是手機版網頁(行動服務)最好是改成自訂, 雖然沒學過程式設計但還是稍微看得懂HTML, 另外原始碼中參雜了不少Blogger的程式碼, 如果沒有把握最好不要亂改

7. 建議行動版主題改成自訂的原因, 我自己測試的結果如果使用上面的套版主題, 則會變成亂塞廣告, 而且很多還是多媒體廣告, 對於手機版瀏覽的結果就是變得很亂, 使用自訂主題則可以在原始碼中再自行選擇放置的地方

8. 修改網頁原始碼(編輯HTML), 如果想針對手機版網頁修改, 則可以在原始碼處按下CTRL+F去搜尋關鍵字, 例如mobile, 而手機版最好也修改mobile相關的CSS Style, 因為有些地方可能不如套版主題一樣漂亮

9. 再來是手機版中網誌文章的相關位置, 這4個就是手機版的文章位置, 可以在其中安插自訂廣告單元

幾個簡單的設定:
1. 不要在index頁面顯示廣告, 只在文章內顯示廣告, 在想要放廣告的地方加入以下程式碼:

<b:if cond='data:blog.pageType == "item"'>
(此處放廣告單元程式碼)
</b:if>

2. 手機版版面樣式, 在CSS樣式碼前面加上.mobile :

.mobile .xxx-style {
(放置想要的樣式碼)
}