公告版位

前陣子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的字串即可使用





文章標籤
創作者介紹

gofin's life

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


留言列表 (13)

發表留言
  • 趙文森
  • 奇怪,都用不出來耶!是否語法有錯呢?(苦惱)
  • 會不會是頁尾描述的開啟沒選???

    gofin 於 2011/06/03 23:28 回覆

  • Sherry
  • 我也用不出來 ><
  • Sherry
  • 直接在文章中貼上<g:plusone></g:plusone>, 不需側邊欄位設定,已可以了
  • 看來pixnet速度也蠻快的~但是一篇一篇自己加有點麻煩就是了~我太懶了~哈

    gofin 於 2011/06/30 13:38 回覆

  • 小牙籤
  • 剛好需要這篇:P
  • ㄟ~你成功耶!!!呵

    gofin 於 2011/07/09 14:29 回覆

  • 媽寶麻
  • 測試成功!! 感謝分享^^
  • 讚喔~你的狗狗好可愛喔!!

    gofin 於 2011/07/17 22:44 回覆

  • lohas
  • 請問大大2個問題:(1)如何將google+按鈕變小一點?? (2)是否有可能將 Google + 跟 臉書 Like 放在同一行呢? 不好意思,請大大幫忙了~
  • 變小一點就google語法上是用<g:plusone size="small"></g:plusone>
    所以我的js就需要改一下

    至於跟pixnet的臉書like放同一行有點難!因為我的plus one是放在文章最前面~而那條BAR不知道是放在哪

    大中小都新增出來了~請依據文章最後說明

    gofin 於 2011/07/20 23:15 回覆

  • lohas
  • 感謝大大幫忙啊~另外再請教一個問題,如果在 G+ 的按鈕後想要增加文字說明,比如寫"如果覺得這篇文章不錯,請幫我按旁邊的 G+" 要怎麼作呢? 不好意思,小弟問題很多XD。
  • 那我建議你可以去申請一個www.googlecode.com
    把自己的js code放上面!這樣就可以在後面加加減減~
    語法就直接複製我的就OK了^^
    pixnet-plusone-small_ lohas.js

    gofin 於 2011/07/21 20:20 回覆

  • 雨匠
  • 謝謝分享啊~這太有幫助了^^

    只是為什麼這麼多語法,我就是LinkWithin會失敗= ="
  • 可能語法不支援吧~(我也不太清楚!沒用過LinkWithin)

    gofin 於 2011/07/21 17:47 回覆

  • 雨匠
  • 呵呵~謝謝你喔^^

    沒關係我就不用囉~
  • Fuzzy
  • 經過半小時努力終於成功了...
    感謝您的分享~
  • 水喔~~~^^ 很高興您成功了~

    gofin 於 2011/07/21 22:28 回覆

  • 蝶樂
  • 版大你好,感恩分享!我試了一天了,+1的圖只會出現在側欄,文章內頁怎麼貼都不行,貼上去按存檔後再進入文章開html看,剛貼的就消失了>_<,我是哪個地方步驟不正確...
  • javascript應該是貼在頁尾描述中喔

    gofin 於 2011/07/25 11:24 回覆

找更多相關文章與討論