Facebook Social Plugins을 이용한 블로그(티스토리)에 댓글 기능 추가



요즘 SNS중에 페이스북을 많이 사용하는데, 페이스북에는 여러가지 컨텐츠를 포괄하기 위해 소셜 플러그인을 제공하고 있다.

특정 블로그나 웹페이지 사이트에서 웹을 공유하기, 댓글, 좋아요등을 사용 할 수 있는 플러그인이다.

   

그 중에 가장 많이 활용 할수 있는건 바로 댓글 기능이다.

댓글기능에 플러그인을 추가 하는 방법을 하나씩 살펴 보자.

먼저 아래의 페이스북 개발자 사이트로 들어가서 색상이나, 사이즈, 포스팅 갯수등 설정 후  Get Code 클릭하면 끝이다.  

http://developers.facebook.com/docs/reference/plugins/comments/

그러면 아래 처럼 코드들이 나온다. HTML5나 아이프레임등 형식으로 넣을 수 있다.

HTML5로 예를 들어 넣어 보겠다.

이걸 내 블로그나 홈페이지에 넣으면 끝이지만, 

아래 data-href는 사이트에서 고정된 주소가 아니라 페이지에 맞는 주소로 변해야 한다.

예를 들어 티스토리 블로그의 경우 치환자라고 해서 블로그URL 뒤에 상세페이지 URL을 치환 해준다.

티스토리 블로그의 URL이 http://www.kmshack.kr이라고 치면 data-href에는 “http://www.kmshack.kr[ ##article_rep_link## ]” 이렇게 주면 페이지 별로 URL이 바뀐다.

* 치환자가 치환되어 [# #] 사이에 공백을 넣어 두었으니 실제 사용시 붙이도록 하자.



자 이제 댓글 기능이 필요한 페이지에 넣으면 된다.

이런 댓글 뿐만 아니라 회원가입, 좋아요, 공유하기 등 많은 소셜 플러그인이 있으니 필요하다면 사용해보자.

http://developers.facebook.com/docs/plugins/