테크니컬 | 2011/08/23 14:06 | 가우리

갑자기 페이스북 소셜댓글을 한번 달아보고 싶어졌습니다 -_-;

이미 대세가 된지 오래된 Facebook에 너무 무대응이 아니였나 생각하면서 일단 소셜댓글 기능을 달아보기로 했습니다.

페이스북에서 제공하는 소셜 플러그인은 굉장이 간단했습니다. 그냥 자바스크립트더군요…

페이스북 개발자 페이지에서 새 앱 만들기버튼을 누르고 적당히 등록합니다.

본인이 사용하고 있는 테마의 header.php에 HTML태그에 <head>안에 아래와 같이 추가합니다.

<script src="http://connect.facebook.net/ko_KR/all.js#xfbml=1"></script>
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>

여기서 {YOUR_APPLICATION_ID}는 페이스북에 등록한 어플리케이션에 보면 알수 있습니다.

comments.php에서 기존의 댓글을 입력하는 부분을 삭제합니다. 섞여있으면 지저분하기 때문이지만 원하지 않으면 내비둬도 무관합니다.

그 자리에 아니면 적당한 자리에 아래와 같이 추가합니다.

<fb:comments href="<?php the_permalink(); ?>" num_posts="10" width="600"></fb:comments>

여기서 num_posts와 width는 적절히 조절하면 되고, 저장한 후 페이지를 열어보면 소셜댓글이 달려있을겁니다.

추가로 댓글이 몇개 달렸나 표기하고 싶으면 아래 코드를 테마의 해당하는 위치에 넣거나 적당히 넣어주면 됩니다.

<fb:comments-count href="<?php the_permalink(); ?>"></fb:comments-count>

페이스북에 로그인된 사용자라면 페이스북 세션으로 댓글을 달수 있습니다.

댓글을 달때 페이스북에도 글을 등록할지 여부를 결정할 수 있는데 등록하면 글제목, 블로그제목 주소 등이 페이스북에 포스팅이 됩니다.

기능도 깔끔하고 무엇보다 쉽고 빠르게 연동이 된다는 점에서 앞으로 모든 블로그의 필수품이 되지 않을까 싶습니다.

GAURiSM

블로그