페이스북을 연동하는 방법은 꽤 많다. 그러나 모두 영문이라 접근하기는 쉽지 않습니다.
이중에서 쉬운방법을 하나 소개하겠습니다.
페이스북 계정은 구 사회복지법인 엔젤스헤이븐을 예로 들어보겠습니다. 주소는 아래와 같습니다.
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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 11862 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 11861 | |
| 11858 | |
| 11857 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 11856 | |
| 11855 |
PHP
php 에러 출력하기
|
| 11854 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 11853 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 11852 |
jQuery
제이쿼리 기본 효과 메소드
|
| 20326 | |
| 20324 |
HTML
팁]모바일에서 전화 걸기
1
|
| 20322 | |
| 11851 | |
| 11850 |
기타
viewport 사용
|
| 11849 | |
| 11848 | |
| 11846 | |
| 11845 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 11844 |
PHP
[알고리즘] 하노이의 탑
|
| 11843 | |
| 11842 | |
| 11840 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 11838 | |
| 11834 | |
| 11833 |
PHP
[알고리즘] 배열 역순
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기