Monday, October 4, 2010

[Facebook] Social plugins - Recommendations 介紹

Recommendations, 顧名思義就是推薦,這個Facebook Social plugins會顯示在Facebook上有人轉貼你網站上連結的資訊,其實跟上次介紹過的Activity Feed差不多,用法也一模一樣,原本覺得太簡單懶得介紹了,後來覺得做人要有始有終,所以還是來寫這篇文。

照慣例先來介紹Recommendations的參數。



site - 要顯示其動態的網站,使用XFBML的話,預設值會是這個plugin所在的網站。
width - 預設寬度為 300px.
height - 預設高度為 300px.
header - 要不要顯示這個plugin的標題,預設為true,不要的話設成false就好。
colorscheme - 選擇色系,選項有 'light'(預設), 'dark'
font - 選擇要用的字形,選項有 'arial'(預設), 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana'
border_color - plugin邊框的顏色
ref - 我沒用這個所以沒得介紹。


同樣的,因為功能單純,使用Facebook的語法產生器就可以適用,不過我還是列出用於我站上的語法,紅色部分請自行改成你的網站,而橘色部分為參數,請依需求修改。


iframe的語法
<iframe src="http://www.facebook.com/plugins/recommendations.php?site=www.died.tw&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=dark" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe>


XFBML的語法
<fb:recommendations site="www.died.tw" colorscheme="dark"></fb:recommendations>


XFBML用法請見之前寫的Activity Feed或是Like Button內的教學。


Recommendations的樣子就像下面這樣。

No comments:

Post a Comment