바람이 머문 언덕

블로그에 페이스 북 소셜 댓글 설치하는 방법 본문

컴퓨터 IT/컴퓨터 인터넷

블로그에 페이스 북 소셜 댓글 설치하는 방법

키키로 2012. 4. 8. 08:51
반응형

페이스 북 소셜 댓글을 블로그에 설치하였다가 제거를 했었습니다.

그런데 다시 설치할여고 하니 많은 부분이 바뀌었군요.


그래서 새로 페이스 북 댓글을 블로그에 다는 방법을 올려 봅니다. 


페이스 북 소셜 댓글의 설치하기 위해서는 먼저  https://developers.facebook.com/apps에 접속을 해서 새 앱을 만들어 주어야 합니다.

'새 앱 만들기' 버튼을 클릭하면 다음과 같은 화면이 보이는데 여기서 다음 빨간 네모로 표시된 부분에 앱을 구분하기 위한 이름을 작성주고 '계속하기' 버튼을 클릭합니다.



그 다음 자동 가입 방지 문자를 정확히 입력해 주면 앱이 만들어 집니다.



앱이 만들어 졌다면 http://developers.facebook.com/docs/reference/plugins/comments/에서 블로그 주소와 댓글 표시 갯 수, 폭 등을 설정해 줍니다. 



이렇게 하면 아래처럼 코드가 만들어 지는데 1,2로 분리 되어 있는 코드를 복사해 블로그 스킨의 원하는 곳에 함게 붙여 넣기해 주면 소셜 댓글이 블로그에 설치 됩니다. 



아래 그림은 페이스 북 소셜 댓글을 기존 티스토리 댓글 아래에 설치한 코드를 캡쳐한 것입니다.  



그리고 마지막으로 댓글 관리를 위해 아래 코드를 <head></head>를 설정해 주면 됩니다.

이 때 "" 사이의 '앱 아이디(App ID)' 는 자신의 App ID를 ...


<head>

<meta property="fb:app_id" content=" 앱 아이디(App ID) "/>

</head>


여기까지 설정을 잘 되었다면 설정을 클릭하면 아래 그림처럼 댓글을 관리할 수 있는 화면이 나타 납니다. 여기서 '앱 댓글 관리'를 눌러 주면 일일이 페이지를 이동하며 댓 글을이 달렸는지 확인하지 않아도 댓글을 다 볼 수 있습니다.