웹사이트나 블로그에 페이스북 코멘트(댓글) 창을 붙이는 방법
아래 주소를 방문합니다.
https://developers.facebook.com/docs/plugins/comments/
원하는 조건을 입력하고 Get Code를 누릅니다.
로그인이 안되어 있으면 로그인이 필요하다고 합니다.
로그인을 한 후 코드 복사
2개의 코드를 주는데요.
윗부분 것은 <body> 바로 다음에 넣으라고 합니다.
밑에 코드는 댓글 창을 넣고 싶은 위치에 넣으시면 됩니다.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&appId=앱ID&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://example.com/comments" data-width="800" data-numposts="5" data-colorscheme="light"></div>
위 하단코드에서 http://example.com/comments 대신에 자신의 블로그 주소나 웹페이지 주소를 입력합니다.
위 설정대로 하면 댓글수 5개 이상은 더보기를 눌러야 볼수 있습니다.
기본으로 보이는 댓글 수를 늘리려면 data-numposts=5에서 숫자5를 변경하면 됩니다.
댓글창 사이즈는 data-width=800 이 부분을 조정하면 됩니다.
추가로 아래코드 </head> 안에 삽입하면
<meta property="fb:app_id" content="앱ID"/>
https://developers.facebook.com/tools/comments 에서 댓글 내용을 전체 모니터링 할수 있습니다.
이것도 같이 하시는 것이 나중에 편합니다~
'컴퓨터와 인터넷' 카테고리의 다른 글
| 페이스북 메세지 기능 끄는 방법 (0) | 2014.08.31 |
|---|---|
| 오피스2013 클릭투런 문제. 복구 및 제거 (0) | 2014.07.20 |
| Pin Board - iPhone Wallpaper (0) | 2014.07.09 |
| 우분투기반 가볍고 빠른 리눅스 페퍼민트OS (0) | 2014.07.07 |
| USB 파일복사 이동 5초 남음 현상 (1) | 2014.07.07 |
