BloggerADS

2013年1月10日 星期四

Facebook API - 回覆討論貼文串 範例

以下分享的是很常在網站看到的有些網站或文章下方可加入FB的回覆貼文串
參考了不同網站 發現其實做法很簡單
首先必須在FB 登記屬於自己的APP
並取得其APP的ID
然後可以把這個API套用到自己網站上
P.S. 你的網站URL不能為IP位置 這樣會出錯

YOUR_URL.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Facebook API - 回覆討論貼文串 範例</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="可以輸入你需要顯示的標題">
<meta property="og:description" content="可以輸入你需要顯示的簡介">
<meta property="og:image" content="可以輸入你需要顯示的圖片"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var location = window.location.href;
    $("#fbcomment").append('<fb:comments href="'+location+'" width="610" num_posts="4"></fb:comments>');
});
</script>
</head>
<body>
<div>你的網站內容</div>
<div id="fbcomment">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/zh_TW/all.js#appId=YOUR_FB_APP&xfbml=1">
</script>
</div>
</body>
</html>


沒有留言:

張貼留言