close

前陣子Google發展出了一個類似FACEBOOK按讚的功能,但他實際作用是用來增加搜尋正確頁面時的可信度,當然也會增加SEO的排名,很可惜的是目前"+1"只能用在支援javascript,所以像無名"可能"就不行

而PIXNET本身不知道為什麼不支援Google +1 但我相信之後pixnet官方應該是會開發出來支援吧~這篇文章後面就是讓PIXNET可以用Google +1服務 ^^(主要不支援的不是javascript,而是<g:plusone></g:plusone>的語法,因為直接在文章用html格式貼上這指令會不見) 2011.06.30更新  pixnet已經支援plusone的語法~但是仍然需要一篇一篇加~希望以後有每篇自動產生的

官方 非google網站內嵌 Google +1 服務網址:http://www.google.com/intl/zh-TW/webmasters/+1/button/
手動加上的說明(支援blogger):這是重灌狂人的教學介紹:http://briian.com/?p=7610

圖片就是成功之後的狀態,而主要功能就是在同一畫面各自支援單一文章的連結,接著後面就是專FOR PIXNET的Google +1說明:

pluson.png  

步驟一:

到部落格管理後台的"基本/進階設定",找到"部落格描述",將以下的code複製貼上即可


<link rel="canonical" />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'zh-TW'}
</script>

複製程式碼連結

pluson1.png  

步驟二:

到部落格管理後台的"側邊欄位設定",找到"頁尾描述"按設定,"是否顯示"請選"開啟",在"頁尾描述內容"複製貼上下列文字即可

<script type="text/javascript" src="http://pixnet-plusone.googlecode.com/svn/trunk/pixnet-plusone.js"></script>

複製程式碼連結

pluson2.png  

完工,兩個步驟就可以讓每篇文章加上Google +1功能

目前該js只支援文章最前方~如有其他需求~可自行依樣畫葫蘆(該js放置於google code,大家可以自己建一個自己的project,然後把自己改好的js放上去)

本篇使用js 原始碼:

(function($) {
    $(function() {
	$('div.article').each(function() {
	    $(this).find('div.article-content:first').prepend('<g:plusone href=' + encodeURI($(this).find('h2 a').attr('href'))  +'></g:plusone>');
	});
    });
})(jQuery);

 

 

本篇文章參考"在每篇Blog文章中自動加入Facebook『讚』按鈕的方法"修改而成

 

2011.07.20更新

依據官方指令

新增 small(15pixel),medium(20pixel),tall(60pixel)

pixnet-plusone-small.js

pixnet-plusone-medium.js

pixnet-plusone-tall.js

直接替換步驟二中pixnet-plusone.js的字串即可使用


2011.07.22更新

如網頁上看到的,FB+PLURK+GOOGLE PLUS

G_F.js
直接替換步驟二中pixnet-plusone.js的字串即可使用





arrow
arrow

    gofin 發表在 痞客邦 留言(13) 人氣()