[資訊] Google AdSense「捐助計劃」為網站開創全新的收益來源

這幾天收到 AdSenseContributor 捐助計劃」的 Email 信件,Google 推出新的網站收益來源。網站的訪客可以透過每個月捐贈小額款項,讓訪客經由贊助來換取較少的廣告於網站中顯示。

捐助的訪客可以自行選擇每月的貢獻等級,「$2 ( 減少 5-15% 廣告 )、$5 ( 15-25% ) 或 $10 ( 25-50% ) 美元」減少網站裡的廣告的出現量。而網站中擺放廣告的站長 ( AdSense 發佈商 ) 也能因為訪客的贊助,收取一部分的獲利款項。

[資訊] Google AdSense「捐助計劃」為網站開創全新的收益來源_001


目前「捐助計劃」還沒開始支援台灣地區,不過 AdSense 發佈商已經可以先行投放 Contributor 樣板廣告於網站中,這邊將設定過程簡略整理做個記錄。



設定方式

網站的站長設定「Contributor」有幾種方式,擺放「Contributor Badge」、建立內部廣告或是透過站內宣傳公告的方式,讓訪客贊助網站。訪客經由我們提供的 Contributor 樣板連結,即可前往「捐助計劃」網頁進行贊助的動作。

Contributor Badge

網站中擺放「Contributor Badge」可使用「light、dark、white」三種顏色,預設寬高為「88px、31px」。要顯示 Contributor 徽章時使用以下外連的 js 檔案,即可完成設定。

<script src="https://www.gstatic.com/xads/publisher_badge/contributor_badge.js" data-width="88" data-height="31" data-theme="light" data-pub-name="網站名稱" data-pub-id="ca-pub-1234567890"></script>

代碼說明
data-width // 寬度 ( size in pixels )
data-height // 高度 ( size in pixels )
data-theme // 外觀顏色 ( "light" or "dark" or "white" )
data-pub-name // 網站名稱 ( 字符限制:16 字符 )
data-pub-id // Adsense 發佈商 ID ( example:ca-pub-1234567890 )



建立內部廣告

除了擺放 Contributor Badge,也可以像一般擺放 AdSense 廣告一樣,將 Contributor 樣板廣告放置在網站上促進訪客贊助。

建立 Contributor 樣板廣告
設定 Contributor 樣板廣告時,只要更改 Contributor Badge 的長寬比例,就可以在網站中佈置完成。可以使用官方提供的「樣板廣告尺寸」連結做部署,目前可以選擇的尺寸為「300x250、728x90、160x600」。

[資訊] Google AdSense「捐助計劃」為網站開創全新的收益來源_101
「300x250」尺寸樣板廣告的廣告樣式。



建立超連結
使用超連結的方式提供訪客前往「捐助計劃」網站,可以使用以下連結方式。

https://www.google.com/contributor/welcome/?utm_source=publisher&utm_medium=banner&utm_campaign=your_pub_ID

your_pub_ID 更改為自己的 AdSense 發佈商編號。( 例:ca-pub-1234567890 )


小結

目前 Contributor 樣板廣告樣式為固定尺寸,若提供類似「AdSense 回應式廣告」的方式做設定,會更為方便。


相關文章

Google AdSense 10 USD 款項起付額度,地址驗證

自適應網站安裝 AdSense 回應式廣告,三分鐘搞定!


留言

  1. 哈囉COKE又是我~~哈

    因為很喜歡你網站的介面所以就想花個時間把你的BLOGGER文章都看過一遍,看看有無我可以學習的^^

    回到這個文章的討論,GOOGLE的這個服務台灣區域尚未開放,那這樣如果有人真的付費了這樣子能夠像ADSENSE一樣順利收到款項嗎?

    另外,付費者是透過怎樣的付款機制捐獻呢? EX: GOOGLE WALLET之類的嗎?

    3Q~

    回覆刪除
    回覆
    1. 剛剛發言忘記勾選通知,這邊再來留言一下:P

      PS:你的網站版型跟常見到的blogger平台差好多,一開始以為是WP~不過不知道為何在讀取時的轉圈圈都會需要一點時間。

      刪除
    2. 這點還沒試,因為還沒開放 @@。

      刪除
    3. 因為「小工具」過多(包含隱藏的小工具超過 50 個),另外 javascript 也過多。

      一開始,構思版型時是以功能取向,後來看到「這個」版型很喜歡,也符合自己對版面配置的期待,所以就試著自己動手做,仿製了一個,也順道測試自己的能力;滑塊的部份也可以完成,不過網站速度會過慢,所以自己在取捨間做了時間上的平衡。

      網頁速度才是王道,自己的能力還太差。

      刪除
    4. 了解,不過你的版型真的很棒啊~ 擺脫BLOGSPOT的感覺!!

      另外想在這邊問一下你blogger的robots.txt的設定有做改變嗎,(增加或減少)還是用blogger後台的預設值?

      這幾天稍微改成下面的狀態,但感覺流量怪怪的~不知道是不是我多疑了XD
      (下面的語法好像只是把預設中的第一段落刪除而已)

      User-agent: *
      Allow:

      Sitemap: http://www.wanghenry.com/sitemap.xml

      另外,我稍微查了googlerobots.txt大多是講擋或不擋規則,但是不太了解是怎樣的狀況才需要去變動@@?

      多一點被搜尋不是流量有幫助嗎?

      刪除
    5. ☆ 一般情形下若沒特別的要求,使用 Blogger 後台預設的設定即可,googlebot 會撈網站中的全部資料。


      以下是技研可樂目前的設定,主要是讓 googlebot 只撈取網站的「文章頁面」及「靜態網址」頁面,讓文章在「搜尋結果」中具有單一唯一性;所以在 robots.txt 設置時除去掉「網誌存檔、標籤頁、預設搜尋頁、預覽視圖頁」,以下是對 robots.txt 做了一些內容上的變化。

      User-agent: Mediapartners-Google
      Disallow:

      User-agent: *
      Disallow: /search
      Disallow: /archive
      Disallow: /view/*
      Allow: /

      Sitemap: http://www.techcoke.com/sitemap.xml




      以下三個說明是試驗性設定:
      Disallow: /search 禁止 googlebot 撈取 Blogger 網站(預設搜尋「/search」)頁面。

      Disallow: /archive 禁止 googlebot 撈取 Blogger 網站(網綕存檔「/2015/02/」)頁面。

      Disallow: /view/* 禁止 googlebot 撈取 Blogger 網站(預覽視圖「/b/post-preview?」)頁面。

      預覽視圖是指「文章預覽」與版面配置頁面的「預覽」網址:
      https://lh3.googleusercontent.com/-l1okpsVzvhM/V44gUhJAHLI/AAAAAAAAIXo/EGameBM63xQPzK2SWBUPOF8fkgjuQmd2gCCo/s640/google-adsense-contributor-comment-01.jpg




      在實際禁止 googlebot 的動作,自己還在範本的「<head>」之下,加入了以下代碼,與上方兩者混合,然後在 google 搜尋「site:www.techcoke.com」中,就只會出現唯一性的「文章頁面」及「靜態網址」頁面了。

      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <meta content='noindex,nofollow' name='robots' />
      </b:if><!-- 禁止 googlebot 撈取 Blogger 網站(標籤「/search/label/」)頁面 -->

      <b:if cond='data:blog.searchLabel'>
      <meta content='noindex,nofollow' name='robots' />
      </b:if><!-- 禁止 googlebot 撈取 Blogger 網站(網綕存檔「/2015/02/」)頁面 -->

      <b:if cond='data:blog.isMobile'>
      <meta content='noindex,nofollow' name='robots' />
      </b:if><!-- 禁止 googlebot 撈取 Blogger 網站(行動版網站)頁面 -->




      禁止 googlebot 撈取 blogger 行動版網站的部份,還必須配合「解決 Blogger 標題、描述於 Google 搜尋「?m=*」網址重複」這一篇一起運作,才會達到完滿的狀態。

      刪除
◎ 留言板中提問「代碼」問題,可至『留言代碼轉換器』轉換代碼。

張貼留言

繼續閱讀:

這個網誌中的熱門文章

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] LINE 電腦版行動條碼登入設定

Blogger 文章底部自動加入版權宣告

[教學] Blogger 自訂網址綁定自有域名