출처 : http://www.bloter.net/archives/51750

‘좋아요’ 단추 하나로 시작한 페이스북의 소셜댓글이 완성된 모양이다. 3월1일(현지시각)부터 페이스북의 소셜댓글을 적용한 사이트가 속속 등장하고 있다.

페이스북에서 내놓은 소셜댓글은 외부 페이지와 페이스북 담벼락과 연동된다. 모든 댓글이 곧장 페이스북으로 보내지는 건 아니다. 댓글을 작성할 때 ‘페이스북으로 글 보내기’ 설정을 해제하면 해당 웹페이지에만 댓글이 남는다. 댓글을 남기고 나면 페이스북이 아닌 웹페이지에도 사진과 간략한 자기소개가 보이며, 댓글에 대한 ‘좋아요’를 하거나 답장을 남길 수도 있다.

앞으로 페이스북에서 친구 글에 댓글을 쓸 때 ‘댓글 달기’ 단추가 있는지 잘 살펴야 한다. 나도 모르게 페이스북에 쓴 글이 페이스북 밖 웹페이지로 전송될 수 있기 때문이다. 웹페이지에서 누군가 내 댓글에 쓴 글과 페이스북 친구가 댓글에 쓴 글도 연동된다. 페이스북 친구를 맺지 않은 사람도 내 담벼락에 글을 남기는 셈이다.

페이스북 친구가 쓴 글도 외부 웹페이지에서 볼 수 있게 된다. 이를 위해 페이스북은 댓글 달기에 기능을 새롭게 추가했다. 페이스북에서 친구 글에 댓글을 쓸 때 ‘댓글 달기’라는 단추가 있으면 페이스북 안에서만 공유된다. 외부 웹페이지로 전송되는 댓글은 아래 그림처럼 ‘Comment on Mashable.com’ 식으로 단추가 뜬다. 페이스북 소셜댓글이 모든 글을 담벼락으로 보내는 건 아니다. 내가 쓴 글과 다른 사람들이 나에게 쓴 댓글만 담벼락으로 전송되고, 다른 사람의 글에 남긴 댓글은 전송되지 않는다.

페이스북의 소셜댓글은 보여주는 방식도 ‘소셜’하다. 페이스북 친구 관계와 댓글 인기도에 따라 순서대로 보인다. 나와 관계없는 사람들이 쓴 글이 아니라 내 친구가 쓴 댓글이 먼저 보이고 친구의 친구, ‘좋아요’가 많거나 댓글이 많이 달린 글 순서로 나타난다. 스팸처럼 달리는 댓글 대신 신뢰할만하고 도움이 되는 댓글을 먼저 보여주는 셈이다.

토론 기능도 강화되는 모양새다. 웹페이지 운영자가 페이스북 페이지도 같이 운영한다면 댓글을 서로 연동할 수 있다. 웹페이지에 있는 댓글이 페이스북 페이지의 담벼락에도 보이고, 페이스북 페이지에 남긴 댓글이 웹페이지 댓글에도 나타나기 때문이다.

페이스북 소셜댓글 서비스는 현재 페이스북 계정으로만 이용할 수 있으며, 페이스북이 애당초 밝힌 트위터와 구글 계정은 사용할 수 없다. 페이스북 소셜댓글 설치는 페이스북 개발자 페이지에서 자세히 확인할 수 있다.

페이스북 소셜댓글을 적용한 웹페이지.

외부 페이지에서 페이스북 소셜댓글을 쓰면 담벼락에도 보인다.


http://www.ttalk.co.kr/

세계적인 대세가 소셜웹인데..


참으로 괜찮은 시스템인것 같다.
블로터닷넷등을 보면 각자의 소셜웹(페이스북, 트위터, 등등) 계정으로 로그인하여 댓글을 남길 수가
있게 되어있는데 정보공유등 시스템관리등의 비용절감등의 효과를 창출할 수 있을것 같다.
여러모로 생각하기 나름으로의 활용빈도도 훌륭할 것 같고.
그래서 홈페이지를 캡쳐떠와서 나름 기분이 찝찝하기는 하지만,
좋은것은 널리 퍼지는게 더 좋은 것 아니겠는가. ㅎㅎ




출처 : http://macrosystem.blog.me/130091966912


아직까지는 국내에서 Facebook Open API를 많이 활용하지 않아서 인지 몰라도 한글화된 자료가 많지는 않은 것 같다.

facebook의 5억명이 넘는 가입자풀과 더불어 제공되는 자원들을 활용해 봄으로써 현시점에 최대 규모의 이 서비스를 탐구해 보고자 한다.

아울러 필자가 한국통신대학교 평생대학원 이러닝학과 학생으로서 이러닝분야에 학습도구로 facebook의 open api를 어떻게 활용할 수 있을지 알아보도록 하겠다.

 

Facebook Open API를 활용하기 위한 모든 자료는 이곳에서 확인할 수 있으며, 강의내용 또한 이곳에 내용들을 요약정리하였다.

http://developers.facebook.com/

 

facebook을 활용한 개발 유형은 크게 3가지로 나눌 수 있으며, 유형에 따라 차시를 구분하였다.

 

1차시 : 자신의 사이트에서 facebook Open API 연동

2차시 : 강의, 모바일 app 개발

3차시 :  facebook.com 내에 app 개발

 

자 오늘 1차시 첫날로써, 자신의 사이트에서의 facebook Open API 연동에 대해 알아보도록 하겠다.

참고사이트 (http://developers.facebook.com/docs/guides/web)

 

1. 개요

Facebook Platform(이하 FP)는 자신의 웹사이트를 더욱 social화 하게 할 수 있다. 개발자는 제공된 Open API를 적절히 조합하고 적용하여 서비스 목적을 달성할 수 있다.

 

사용되고 있는 예제들을 통해 어떻게 활용이 되고 있는지 확인해보시기 바랍니다.

참고예제 : http://developers.facebook.com/showcase/

 

2. 주요 기능

 

1) Social Plugins

FP를 사용하는 가장 쉬운 방법으로 HTML 코드 한줄로 사이트내에 이식할 수 있다.

가장 중요한 social plugin은 'like button' 이다.

웹페이지에서 'like button'클릭시 해당 내용을 자신의 facebook에 포스팅 할 수 있다. 

 

사용방법은 페이지내에 다음의 코드를 삽입하면 된다.

다만, http://example.com 부분에 사이트 주소를 넣으면 된다.

 <iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
       scrolling="no" frameborder="0"
       style="border:none; width:450px; height:80px"></iframe>

 

페이지에서 like button을 클릭한 사람들의 내용또한 확인 할 수 있다.

 

사용방법은. 페이지내에 다음의 코드를 삽입하면 된다.

 <iframe src="http://www.facebook.com/widgets/activity.php?site=example.com"/>

 

위의 코드를 삽입하면 다음과 같은 화면을 확인할 수 있다.

 

코드 삽입할 수 있는 방법으로 예제와 같이 iframe tag를 사용하는 것과 XFBML을 활용하는 방법이 있다. XFBML 이용을 위해서는 우선 facebook 상에 당신의 사이트를 등록한 후 id를 받아야 한다.

 

XFBML로 삽입할 경우 iframe에서는 사용할 수 없는 commenting 기능을 추가로 활용할 수 있으며 다음과 같은 형태로 나타난다.

 

Register your application은 이곳에서 할 수 있다.

ID 받는 곳 :  http://developers.facebook.com/setup/

 

다음 차시에서는 SSO(Single Sign On) 기능사용에 대해 알아보도록 하겠다.

 

1차시 첫째 강의 끝~~~

+ Recent posts