美化Google AdSense廣告

優化Google AdSense除了追蹤、測試AdSense官方提供的廣告大小、配色、擺放位置頁面外,我們還可以對Google廣告的背景做美化。以Simon測試的結果來看,這些添加背景的Google AdSense廣告並沒有提高多少的點擊率,但每個網站的情況不同,說不定有添加背景的廣告在你的網站會有不錯的效果。

圖片裝飾會違反AdSense計劃政策嗎?
添加背景和圖片裝飾在AdSense計劃政策中有提到禁止使用箭頭或其他圖形花招將使用者的注意力吸引到廣告上、也不可在個別廣告旁放置誤導性的圖片,關於計劃政策中的這幾條有關圖片美化的條文AdSense官方部落格有解釋和說明過,Simon已經在AdSense官方對於在廣告組旁加小圖示裝飾的說明一文中有報導過,你可以閱讀該文獲得更多的資訊。

但什麼樣的廣告背景是被禁止的呢? 很明顯的有箭頭指示的圖片裝飾或鼓勵點擊的語文是肯定被禁止的。那AdSense計劃政策中規定不得使牢圖形花招,但什麼樣才算圖形花招呢? 目前沒有看見官方有更進一步的說明和解釋。

那Simon介紹和使用的廣告背景是否會違反規定呢? 不會的,因為Simon使用的這些背景裝飾都已寫信詢問過AdSense小組並且得到這些背景圖片不違反規定的答覆。

AdSense廣告背景圖片
美化Google AdSense廣告
Simon自製了幾個AdSense廣告的背景美化圖片,這些圖片已經獲得AdSense小組的許可,你可以安心使用不會造成違反計劃政策。在所有的背景圖片中Simon都加上本站的網址,該網址並不會影響AdSense廣告顯示,在廣告顯示時中間的區域會被廣告完成覆蓋。

如何使用AdSense廣告背景圖片
要將AdSense廣告加背景其實很簡單,我們只需要使用CSS (串接樣式表)就能很容易為廣告加上背景圖片,如果是你使用WordPress你還可以裝上Adsense-Deluxe插件這樣更方便操控你的AdSense廣告。

現在為大家解說一下如何使用CSS為廣告加上背景,首先要有一個略大於你將使用的廣告組大小的背景圖片,Simon將使用300×250的AFC廣告組所以制作了一個320×270的背景。然後我們就可以使用CSS在DIV的style中加上向左或右靠、背景和間距。以下就是Simon拿來美化AdSense廣告的CSS碼:

<div style="float: right; background-image: url(圖片網址);height: 270px; width: 320px;padding-top: 10px;padding-left: 12px;background-repeat: no-repeat;" > 300x250AdSense廣告碼放在這裡 </div>

  • Float: right;
    就是讓你的廣告在內文中向右邊靠,文章內容會包在左邊和下面。當然你也可以將right改成left就會向左靠。
  • background-image: url(圖片網址);
    這裡的圖片網址就是你存放圖片的網址。
  • height: 270px;
    這是背圖片象素高度。
  • width: 320px;
    這是背圖片象素寬度。
  • padding-top: 10px;
    上端間距。
  • padding-left: 12px;
    左端間距。
  • background-repeat: no-repeat;
    對圖片的重覆顯示設定,因為只要出現一個所以是不重覆(no-repeat)。

我們只需要將從AdSense後台獲得的300×250白色背景的廣告碼放在”300x250AdSense廣告碼放在這裡”的位置也就是包在DIV碼中就可以了。

但一些比較特殊的計設,如那個黃色或灰色的背景我們就需要符和背景圖片AdSene廣告背景顏色。除此之外我們還要微調間距讓AdSense廣告擺放在背景的中間。Simon提供的這幾個廣告背景圖片都附上相對應的CSS碼,你只需將AdSense廣告碼加上及修改圖片網址就可以使用,也附上特殊顏色背景的色碼。

下載廣告背景和使用說明:
Simon已經將這一組背景和使用說明打包成ZIP檔,包含6個背景圖片、一個使用說明readme.htm。

檔案:美化Google AdSense廣告懶人包(googleadsense-backbround.zip)
密碼:adsense-tw.com

還沒有申請Googel AdSense嗎?

作者: Simon
原文出處: Adsense繁體中文觀測站-網路賺錢部落格
版權所有,禁止商業用途。轉貼請以連結形式註明作者和原文出處及本聲明。

加入此網頁到【del.icio.us 書籤】

Filed under: AdSense優化, AdSense新手入門 | 29,644 views |

相關文章

    11 Responses to “美化Google AdSense廣告”

    1. 感謝囉,已經弄好了^^
      不過美化後點擊不知道會不會降低
      沒看到simon兄有放呢…?
      呵呵,測試看看吧~~

    2. 謝謝版主 這篇很實用

    3. To zero
      以前的文章有放,效果不是很好,就沒有再用了。

      To Dream Writer
      以後會多寫一點這類實用的文章:)

    4. 厲害厲害…
      我只會利用他提供的樣式來配合我的網站XD

    5. 不錯的教學, 感謝分享!

    6. To Cooltey
      個人的經驗來看AdSense提供的樣式就很夠用了。

      To eatingtao
      不客氣。

    7. 自製 not 自制

    8. To xxx
      感謝你的指正。

    9. adsense 收錄於部觀門(Digest by door.urs.tw)…

      這篇文章有很多有關 adsense 的資訊, 因此收錄於部觀門精選文章 (This article got many useful information about adsense, so we digest in BlogDoor system)…

    10. Google Adsense 收錄於部觀門(Digest by door.urs.tw)…

      這篇文章有很多有關 Google Adsense 的資訊, 因此收錄於部觀門精選文章 (This article got many useful information about Google Adsense, so we digest in BlogDoor system)…

    11. 感謝simon地分享!

    留言評論

    如果你要留言的內容與本篇文章不相關。
    請使用訪客留言版或在適當的文章中留言,謝謝你的合作。

    Quicktags:

    最熱門文章


    本週最熱門文章