2011年5月14日 星期六

【教學】結合Google Friend Connect(GFC)中「Ratings and reviews」&「Comments」widget功能

在安裝了 Google Friend Connect 中的插件,讓原本只有陽春留言板可使用的 blogger 們,可以升級成:有 YouTube 影片張貼功能的【Comments】或者是能評分文章的【Ratings and reviews】。

可是這兩樣一次只能選一樣使用,若是要將兩個不同插件的"特異功能"一次擁有的話,辦的到嗎?

這就是這篇文章教學的目的。

前置作業,先安裝 GFC 的外掛插件,不論是 Google Blogger 還是其他的網誌服務,只要支援 JavaScript 就能一起來驗證這篇文章。

GFC 提供的小工具中,目前只有【Ratings and reviews】和【Comments】是可以拿來當留言版或者文章回應使用,但是只能選「文章評分+留言」與「影片張貼+留言」兩者擇一,凡事只能二選一實在不是很通人性啊~

我們直接跳過 GFC 小工具的設定,如有需要請看這篇教學。

其實非常簡單,把 GFC 提供給我們的程式碼貼回自己的部落格或網站上,且確定能正常運作後,我們來修改這段程式碼中的一個小地方。

google.friendconnect.container.renderWallGadget(
{ id: 'div-xxxxxxxxxxxxxxxxxxx',
   site: '06541912531211960253',
   'view-params':{"disableMinMax":"true","scope":"SITE","allowAnonymousPost":"true","features":"video,comment","startMaximized":"true"}
},
  skin);

features 參數後面綠色字部分 "video,comment" 就是我們可以動手腳的地方,只要將其改為 "video,review",變成

google.friendconnect.container.renderWallGadget(
{ id: 'div-xxxxxxxxxxxxxxxxxxx',
   site: '06541912531211960253',
   'view-params':{"disableMinMax":"true","scope":"SITE","allowAnonymousPost":"true","features":"video,review","startMaximized":"true"}
},
  skin);

這樣我們的留言版一次性的將【Ratings and reviews】和【Comments】個別的特異功能整合在一起囉!

sshot-11-1

 

文章下面的留言區可以拿來給大家測試!!

2 Comments:

  1. 這幾天 GFC 小工具好像掛掉了!!XD

    回覆刪除
  2. 真的嗎...我只有下午看到的時候呈現一片空白,現在已經正常了。

    回覆刪除

1.本留言處歡迎多加留言交流,但不歡迎垃圾留言及廣告留言。
2.留言不用註冊,身分選擇可選「名稱/網址」,填入「名稱」,「網址」處可留下您的來源部落格或網站的網址。
3.請儘量不要使用匿名,以方便造訪。
4.「趣味達人」保留不當刪除留言的權力,若造成不便尚請見諒。

最新留言回應

###recentComment###