페이스북 글 가져오기 쉬운방법 > jquery

페이스북을 연동하는 방법은 꽤 많다. 그러나 모두 영문이라 접근하기는 쉽지 않습니다.

이중에서 쉬운방법을 하나 소개하겠습니다.

페이스북 계정은 구 사회복지법인 엔젤스헤이븐을 예로 들어보겠습니다. 주소는 아래와 같습니다.

https://www.facebook.com/AngelsHavenPage

1. 앱ID값을 가져오기.

https://graph.facebook.com/{페이스북아이디} 로 접속을 하면 ID값을 확인할 수 있습니다.

위에서 확인바에 의하면 ID값은 299309273472869 가 되겠습니다.

2. 스크립트 소스에 적용.

<ul id="wzdata"></ul>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript">

<!--

(function(url, callback) {

jQuery.ajax({

url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=2.0&num=5&callback=?&q=' + encodeURIComponent(url),

dataType: 'json',

success: function(data) {

callback(data.responseData.feed);

}

});

})('https://www.facebook.com/feeds/page.php?format=rss20&id=299309273472869', function(feed) {

var entries = feed.entries, feedList = '';

for (var i = 0; i < entries.length; i++) {

feedList +="<li><a href=" + entries[i].link + ' class='list' target='_balnk'><span class='wsubject'>"+ entries[i].title +"</span></a></li>";

}

jQuery('#wzdata').append(feedList);

});

//-->

</script>