ColorFullWeb

カラーがフルな情報配信ブログ。Web関係多め。

【コピペ】アクセストークン不要!facebookのフィードを自分のサイトに表示する方法【地味に便利】

time 2013/05/28

title.js

こんにちわ。GoogleFeedApi大好き!@i_saku39です。

最近仕事ではWordPress構築をしていることが多いのですが、

なぜか今更、facebookというものに触れる機会が増えてきました。

なので「他の方も増えてるに違いない!」という完全なる思い込みのもと、本記事を書きました。

 

facebookの情報を引っ張るのはめんどくさい!

とってもめんどくさいんです。調べればわかりますが、ほとんどアクセストークンという認証キーのようなものが必要になってくるんです。
 

しかもこのアクセストークン自体もややこしくなってます。(ググればややこしさがわかるでしょう。)
 

コード(まずはコピペでも触ってみてください)

コピペ用ソース(IDはセブンイレブンのフィード)
 

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$.getJSON(
     'http://ajax.googleapis.com/ajax/services/feed/load?callback=?',
     {
          //idをfacebookIDに変えてください
          q: 'http://www.facebook.com/feeds/page.php?id=339780832723354&format=rss20',
          v: '1.0',
          num: 10//取得する件数
     },
     function (data) {
          $.each(data.responseData.feed.entries, function(i, item){
            var pattern = /<img(.+?)>/;
            var result = item.content.match(pattern);
            $('#fbFeed').append('<li><a href="' + item.link + '">' + result[0] + '</a></li>');
          });
     }
);
});
</script>
<body>
<div id="fbFeed"><ul></ul></div>	
</body>
</html>

 

使用させていただきました!

jQueryでFacebookページのウォールを自分のサイトに表示する方法(簡易バージョン)でGoogle Feed Apiを使用する方法が紹介されていました。
[browser-shot width=”300″ url=”http://www.webopixel.net/javascript/628.html”]
 
必要だったのは画像とリンクだけだったのでソコのみ抽出して自分の使いやすいようにしました。
 

気持ちは分かるのですが。。。

facebook先生もう少しなんとか簡単にならんもんでしょうか。。。

コメント

down

コメントする