티스토리 블로그에 페이스북 댓글창 달기

블로그 |2012. 10. 30. 09:05
반응형



티스토리 블로그에 페이스북 댓글창 달기


블로그 스킨을 바꾸고 나니 사이드바에 블로그검색창 다는 것 말고도 해야할 일이 많다. 스킨 교체와 함께 사라져버린 페이스북 댓글창도 다시 달아보자.


1. 코드받기


- 먼저 코드를 받기 위해 'facebook developers'라는 곳으로 가자.


>> https://developers.facebook.com/docs/reference/plugins/comments/



http://fruitfulife.net/티스토리-블로그에-페이스북-댓글창-달기/ 이 글의 '1. 코드받기' 부분을 참고해서 빈 칸을 채운뒤 'get code' 단추를 눌러 코드를 받는다.




2. 코드수정

<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/all.js#앱아이디";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="내블로그주소" data-num-posts="댓글갯수" data-width="폭"></div>



대충 이런 식으로 코드가 나오지만 그대로 달면 다른 글에 달린 댓글까지 몽땅 전체적으로 끌고 다니게 된다. 개별 글마다 따로 댓글이 써지도록 하려면 '치환자'라는 것을 넣어줘야 한다. 분홍색으로 표시된 부분을 내 블로그 주소 뒤에 넣어준다.



<!--페이스북댓글시작-->

<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/all.js#xfbml=1&앱아이디";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="내블로그주소[##article_rep_link##]" data-num-posts="3" data-width="550"></div>

<!--페이스북댓글끝-->



앱아이디는 developers에서 아이디를 만들면 코드를 받을 때 자동으로 포함되어 나오므로 따로 써넣지 않아도 된다. 


내 블로그 주소와 댓글갯수, 댓글창 폭도 앞서 코드받을 때 넣은 대로 나온다. 폭은 실제로 적용해 본 다음 조절하면 된다.


3. html수정하기


티스토리 관리>스킨수정>html수정에서 댓글창을 띄우고 싶은 위치에 위의 코드를 넣어준다.



다음과 같이 페이스북 댓글창이 들어간 것을 확인할 수 있다.





공감♥를 눌러주세요! 큰 격려가 됩니다.
파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

댓글()
  1. Favicon of https://cdmanii.com BlogIcon 씨디맨 2012.11.09 09:15 신고 댓글주소  수정/삭제  댓글쓰기

    당연 안되는것이긴 하지만 저는 네이버, 티스토리, 다음 통합 댓글이 있음 좋겠어요. 어느 포탈사이트를로그인하더라도 다 댓글을 달 수 있는 그런것말이죠. 당연 DB가 다른곳에 있으니 당연안되는것이지만 ㅠㅠ

  2. Favicon of https://hush-now.tistory.com BlogIcon 쭈니러스 2013.11.29 22:45 신고 댓글주소  수정/삭제  댓글쓰기

    감사합니다~ 오늘에야 개별 글마다 댓글창 뜨도록 바꿨네요...~

  3. BlogIcon 좋아하는노래 2021.12.29 14:28 댓글주소  수정/삭제  댓글쓰기

    나쁜여자 소찬휘 누나가딱이야 영탁 사랑은늘도망가 임영웅
    바보랍니다 배두나 해바라기 박상민 사랑은아무하나 태진아
    두려움없는사랑 태사비애 소원을말해봐 소녀시대 하트하트조은새
    강남스타일 싸이 초련 클론 피눈물 리사 틈 숙희 너는내운명하하
    이못난사랑아 박강성 위로해주세요 원미연 날믿어요 팀내손을잡아길미아프고아파서진주 사랑은주문을걸어요 비비안 이못난사랑아박강성

  4. BlogIcon 좋아하는드라마 2021.12.29 14:35 댓글주소  수정/삭제  댓글쓰기

    국가대표와이프 서초희 빨강구두 김젬마 황금빛내인생 서지수
    빛나라은수 나은수 천사의선택 최은설 오케이광자매 이광식
    모두다김치 유하은 밥줘 하희라 파리의연인 김정애 굳세어라금순아나금순 미스몬테크리스토 고은조 빛나는로맨스 오빛나 장미빛연인들 백장미 전설의마녀 문수인 구미호여우누이뎐 한은정 신사와아가씨박단단 위대한조강지처 조경순 신사의품격 신정난 미우나고우나 고한별