Facebookページのフィードをホームページに表示

backham
技術

前回のfacebookページとホームページを連携の準備に続いて、フィードを取得してホームページに表示する方法のメモです。

1.アクセストークンをゲット
https://developers.facebook.com/tools/accesstoken/

2.「アプリにアクセストークンを取得するアクセス許可を与えてください。」からアクセス許可をしてトークンを表示します。

3.Bodyの頭に、

window.fbAsyncInit = function() {  
FB.init({  
appId : ‘ここにappid’,  
xfbml : true,  
version : ‘v2.8’  
});  
//ここにapiの実行を記述  
};

(function(d, s, id){  
var js, fjs = d.getElementsByTagName(s)[0];  
if (d.getElementById(id)) {return;}  
js = d.createElement(s); js.id = id;  
js.src = “//connect.facebook.net/en_US/sdk.js”;  
fjs.parentNode.insertBefore(js, fjs);  
}(document, ‘script’, ‘facebook-jssdk’));

こんな感じ非同期でapiのjsを読み込む

4.GraphAPIのリクセストを書く

FB.api(<br />
'/myfacebookpage/feed',<br />
'get',<br />
{access_token : 'ここにアクセストークン'},<br />
function(response) {}<br />
);

最後に注意事項としては、はじめに作ったトークンは1時間で期限切れするので、Facebook Debugerのアクセストークンタブを開いて、Extend Access Tokenボタンを押すと60日延長したトークンをゲットできるので、それをコピペすればOK