페이스북을 연동하는 방법은 꽤 많다. 그러나 모두 영문이라 접근하기는 쉽지 않습니다.
이중에서 쉬운방법을 하나 소개하겠습니다.
페이스북 계정은 구 사회복지법인 엔젤스헤이븐을 예로 들어보겠습니다. 주소는 아래와 같습니다.
https://www.facebook.com/AngelsHavenPage
1. 앱ID값을 가져오기.
https://graph.facebook.com/{페이스북아이디} 로 접속을 하면 ID값을 확인할 수 있습니다.

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>
댓글 3개
게시글 목록
| 번호 | 제목 |
|---|---|
| 11800 |
jQuery
마우스 오버 위치에 따라 툴팁 생성 및 자동 이동
|
| 11798 | |
| 11797 |
jQuery
제이쿼리 동적으로 생성된 객체에 이벤트 생성하기
|
| 11796 | |
| 11795 | |
| 11794 |
JavaScript
shuffle 배열섞기
|
| 11793 |
jQuery
제이쿼리 모음 사이트
|
| 11792 |
PHP
1원팁] IP 대역 비교
|
| 11791 | |
| 20314 | |
| 11785 |
PHP
input 쉽게 관리하기
5
|
| 11782 |
JavaScript
서버시간을 사용한 전자시계
2
|
| 11781 | |
| 20312 | |
| 11780 |
JavaScript
구글 웹사이트 번역기를 내 사이트에 달기
|
| 11778 | |
| 11773 | |
| 293 | |
| 11772 |
JavaScript
자바스크립트(4)
|
| 11771 |
PHP
자바스크립트(3)
|
| 11770 |
JavaScript
자바스크립트(2)
|
| 11769 |
JavaScript
자바스크립트(1)
|
| 11767 |
PHP
정규 표현식
1
|
| 11766 |
PHP
기타 함수
|
| 11765 |
PHP
수학 연산 함수
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기