[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

[資訊] 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 回應式廣告,三分鐘搞定!



分享

共有 6 則留言

留言迴響
Wang Henry
管理員
7/19/2016 2:02 AM ×

哈囉COKE又是我~~哈

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

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

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

3Q~

回覆
avatar
Wang Henry
管理員
7/19/2016 2:04 AM ×

剛剛發言忘記勾選通知,這邊再來留言一下:P

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

回覆
avatar
coke tech
管理員
7/19/2016 3:10 PM ×

這點還沒試,因為還沒開放 @@。

回覆
avatar
coke tech
管理員
7/19/2016 3:21 PM ×

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

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

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

回覆
avatar
Wang Henry
管理員
7/19/2016 7:47 PM ×

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

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

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

User-agent: *
Allow:

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

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

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

回覆
avatar
coke tech
管理員
7/19/2016 8:51 PM ×

☆ 一般情形下若沒特別的要求,使用 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=*」網址重複」這一篇一起運作,才會達到完滿的狀態。

回覆
avatar

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *