바람이 머문 언덕

블로그에 소셜(페이스 북) 댓글 서비스 설치하기 본문

컴퓨터 IT/컴퓨터 인터넷

블로그에 소셜(페이스 북) 댓글 서비스 설치하기

키키로 2011. 7. 12. 00:32
반응형
댓글은 블로그를 방문하는 방문객과 의사소통을 할 수 있는 수단인데 쉽게 댓글 확인할 수 있고 많은 사람이 이용할 수 있는 댓글 시스템을 찾기가 쉽지가 않다. 처음에는 오픈 아이디를 이용한 댓글 시스템을 이용을 해보았는데 생각보다 오픈 아이디를 이용하는 사람들이 적어 댓글을 다는 방문객이 거의 없었다.

그래서 여러 댓글 시스템을 블로그에 설치하다  많이 사용하는 소셜 네트워크 서비스(SNS)를 이용한 소셜 댓글 서비스를 블로그에 설치해 보았다. 그런데 외국의 소셜 댓글 서비스는 언어 때문에 거부감이 있고 라이브리라는 우리나라 소셜 댓글 시스템은 미투데이, 요즘도 지원을 해주어 많은 방문객이 댓글을 편하게 달 수 있으나 무료 사용자에게는 댓글 관리 시스템을 제공해 주지 않아 댓글 확인이 불편해 페이스 북 소셜 댓글 시스템을 블로그에 설치해 보았는데 괜찮은 것 같습니다. 

블로그 방문자와 쉽게 의사소통을 할 수 있는 댓글 시스템을 찾고 있다면 페이스 북 소셜 댓 글 시스템을 한 번 이용해 보세요.  

페이스 북 소셜 댓글 시스템을 블로그에 설치하기 위해서는 먼저 앱을 만들어야 하는데 앱은 http://developers.facebook.com/setup에서 만들 수 있습니다.

앱을 구별하기 위한 사이트 명을 적고 그다음 블로그 주소를 적어 주고 언어를 선택하고 만들기를 하면 됩니다. 그런데 오류인지 한 번에 입력이 되지 않고 이와 같은 설정을 한 번 더 입력해야 합니다.
 


그다음 보안 문자를 입력하면 앱이 만들어짐니다. 


앱이 만들어 졌으면 http://developers.facebook.com/docs/reference/plugins/comments/에서 댓글 창의 크기를 설정하고 얻은 코드를 블로그에 설치를 해주어야 합니다. 그런데 이전에는 자동으로 앱 ID를 설정 할 수 있었는 것 같은데 요즘은 수동으로 설정을 해주어야 댓글 관리를 할 수 있는 링크가 나타남니다. 


관리 기능 코드 <meta property="fb:app_id" content="앱 ID"><head></head> 사이에 삽입합니다.
앞에 만들어 놓은 앱 ID를 기억하지 못하면  
https://developers.facebook.com/apps에서 설치 할여는 앱의 사이트 명을 클릭하면 확인을 할 수 있습니다.


 그다음 댓글 창을 설치할 위치를 정해야 하는데 보통 본문 아래에 많이 설치하므로 티스토리 블로그라면 '
반응형
댓글은 블로그를 방문하는 방문객과 의사소통을 할 수 있는 수단인데 쉽게 댓글 확인할 수 있고 많은 사람이 이용할 수 있는 댓글 시스템을 찾기가 쉽지가 않다. 처음에는 오픈 아이디를 이용한 댓글 시스템을 이용을 해보았는데 생각보다 오픈 아이디를 이용하는 사람들이 적어 댓글을 다는 방문객이 거의 없었다.

그래서 여러 댓글 시스템을 블로그에 설치하다  많이 사용하는 소셜 네트워크 서비스(SNS)를 이용한 소셜 댓글 서비스를 블로그에 설치해 보았다. 그런데 외국의 소셜 댓글 서비스는 언어 때문에 거부감이 있고 라이브리라는 우리나라 소셜 댓글 시스템은 미투데이, 요즘도 지원을 해주어 많은 방문객이 댓글을 편하게 달 수 있으나 무료 사용자에게는 댓글 관리 시스템을 제공해 주지 않아 댓글 확인이 불편해 페이스 북 소셜 댓글 시스템을 블로그에 설치해 보았는데 괜찮은 것 같습니다. 

블로그 방문자와 쉽게 의사소통을 할 수 있는 댓글 시스템을 찾고 있다면 페이스 북 소셜 댓 글 시스템을 한 번 이용해 보세요.  

페이스 북 소셜 댓글 시스템을 블로그에 설치하기 위해서는 먼저 앱을 만들어야 하는데 앱은 http://developers.facebook.com/setup에서 만들 수 있습니다.

앱을 구별하기 위한 사이트 명을 적고 그다음 블로그 주소를 적어 주고 언어를 선택하고 만들기를 하면 됩니다. 그런데 오류인지 한 번에 입력이 되지 않고 이와 같은 설정을 한 번 더 입력해야 합니다.
 


그다음 보안 문자를 입력하면 앱이 만들어짐니다. 


앱이 만들어 졌으면 http://developers.facebook.com/docs/reference/plugins/comments/에서 댓글 창의 크기를 설정하고 얻은 코드를 블로그에 설치를 해주어야 합니다. 그런데 이전에는 자동으로 앱 ID를 설정 할 수 있었는 것 같은데 요즘은 수동으로 설정을 해주어야 댓글 관리를 할 수 있는 링크가 나타남니다. 


관리 기능 코드 <meta property="fb:app_id" content="앱 ID"><head></head> 사이에 삽입합니다.
앞에 만들어 놓은 앱 ID를 기억하지 못하면  
https://developers.facebook.com/apps에서 설치 할여는 앱의 사이트 명을 클릭하면 확인을 할 수 있습니다.


 그다음 댓글 창을 설치할 위치를 정해야 하는데 보통 본문 아래에 많이 설치하므로 티스토리 블로그라면 '' 치환자를 찾아 원하는 위치에 아래 코드를 설치해 주면 될 것입니다.
한글로 표시 대기를 원한다면 en_US로 되어있는 부분은 ko_KR로 바꾸어 주면 됩니다. 
'
'는 티스토리 블로그 페이지 번호를 넘겨주는 치환자입니다. 

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=앱 ID&amp;xfbml=1"></script><fb:comments href="블로그주소" num_posts="표시 할 댓글 갯수" width="넓이"></fb:comments>

위와 같이 설정해 주면 아래와 같이 표시될 것입니다.
그런데 비공개 된 글과 제일 마지막에 공개한 글은 댓글 관리자 링커가 나타나지 않지는 않지만, 댓글은 정상적으로 달 수 있습니다.


설정을 클릭하면 아래와 같이 댓글 설정 화면이 나옴니다.
여기서 설정을 변경할 수도 있고 '앱 댓글 관리' 링커를 통해 앱에 달린 전체 댓글을 확인하고 관리를 할 수 있습니다.


트위터와 우리나라에서 많이 사용하는 미투데이, 요즘 같은 SNS를 지원해 주지 않는다는 게 조금 불만이지만 그래도 댓글이 달린 페이지에 직접 접속을 하지 않고도 관리를 할 수 있다는 게 좋은 것 같습니다. 
' 치환자를 찾아 원하는 위치에 아래 코드를 설치해 주면 될 것입니다.
한글로 표시 대기를 원한다면 en_US로 되어있는 부분은 ko_KR로 바꾸어 주면 됩니다. 
'
/476'는 티스토리 블로그 페이지 번호를 넘겨주는 치환자입니다. 

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=앱 ID&amp;xfbml=1"></script><fb:comments href="블로그주소/476" num_posts="표시 할 댓글 갯수" width="넓이"></fb:comments>

위와 같이 설정해 주면 아래와 같이 표시될 것입니다.
그런데 비공개 된 글과 제일 마지막에 공개한 글은 댓글 관리자 링커가 나타나지 않지는 않지만, 댓글은 정상적으로 달 수 있습니다.


설정을 클릭하면 아래와 같이 댓글 설정 화면이 나옴니다.
여기서 설정을 변경할 수도 있고 '앱 댓글 관리' 링커를 통해 앱에 달린 전체 댓글을 확인하고 관리를 할 수 있습니다.


트위터와 우리나라에서 많이 사용하는 미투데이, 요즘 같은 SNS를 지원해 주지 않는다는 게 조금 불만이지만 그래도 댓글이 달린 페이지에 직접 접속을 하지 않고도 관리를 할 수 있다는 게 좋은 것 같습니다.