[Facebook] Social plugins - Live Stream 介紹

最近介紹了幾項Facebook的Social plugins，今天再來介紹一個叫做Live Stream的功能，顧名思義，這個功能是個即時的討論串，而與Comments功能的差別在Live Stream的討論會即時更新，但是舊的紀錄卻不會存下來，因此，使用這功能的頁面大多是用於即時性較高的地方，如活動、影片、轉播等等地方(最近熱門的壹電視決戰五都節目有使用Live Stream的功能)。

Facebook　Social plugins共有八種，加上今天介紹的Live Stream我共介紹了其中五種功能的導入方式，其餘三種個人覺得沒有特別需要介紹如何導入到網站上，所以就不寫了，下面是這八種Plugin的資訊。
Activity Feed - 可顯示Facebook上對於該網站上的Like或是推薦的動態。
Comments - 使用Facebook帳號的討論功能。
Facepile - 簡單來說就是相片牆，列出的是有加入該網站的人，個人覺得與粉絲團功能重複，故不介紹。
Like Button - 可對頁面做Like(讚)的動作，相當有用的功能。
Like Box - 列出Like這個站的人，其實也是跟粉絲團的plugin功能重複。
Live Stream - 即時討論串，本次介紹的內容。
Login Button - 相當雞肋的功能。
Recommendations - 可列出Facebook上有人轉貼過的該站連結。

接下來繼續介紹Live Stream 。



Live Stream這功能與之前介紹的不同，需要為你的網站申請一個Application ID，如果沒有的話可以到這邊註冊。

先來介紹Live Stream的參數
app_id - 填入你的Application ID
Width - Plugin的寬度
Height - Plugin的高度
xid - 唯一值，若想同時用好幾個Live Stream或是想換新的討論串時，可以更動這個值
via_url - 可設定使用者在Facebook上點訊息的app name會連到哪邊，若不設的話，預設值為App所設定的網址。
always_post_to_friends - 設定是否總是將即時訊息也貼到Facebook Wall上讓朋友看到


接下來介紹Live Stream的語法，Facebook提供的語法頁面有iframe與XFBML兩種方式，比較建議是使用XFBML，所以這邊我只介紹XFBML的語法其實是我懶。


前面說到Live Stream需要一個Application ID，於是它的Facebook Javascript SDK載入方式也與之前介紹的稍微不同，語法如下，紅色字體部分為與之前的差別。

<script src="http://connect.facebook.net/zh_TW/all.js#xfbml=1"></script>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '你的APP ID', status: true, cookie: true,
xfbml: true});
};
</script>

然後XFBML的語法是這樣，紅色字體部分，請填入你的Application ID，橘色字體部分請依照前面的參數介紹自行依需求修改，若都沒改就會連到我的blog啦XDDD

<fb:live-stream event_app_id="你的APP ID" xid="died.tw" via_url="www.died.tw" ></fb:live-stream>

最後的結果就如下所示，Live Stream只會顯示前幾個留言，如果留言一多，更早的是不會顯示出來的。

如有任何疑問，還請告知，感謝。