티스토리에 Disqus (디스커스)댓글 시스템을 적용하는 방법을 알기 쉽게 설명해달다고 Twitter로 연락 주신 분이 계셔서 튜토리얼을 작성해서 블로그에 올립니다. 블로그에서 댓글과 Twitter, Facebook 등 소셜 미디어와의 연동을 원하신다면 디스커스를 설치할 수 있습니다. 구글 블로거, 워드프레스 등 블로그 서비스를 사용하시는 분들도 이 글을 참조하실 수 있습니다.
1. Disqus계정 신청 : http://disqus.com/signup/?next=/add/
2. Disqus에 블로그를 등록 : http://disqus.com/add/
3. Disqus Settings (설정단계)
http://disqus.com/admin/settings/ 를 방문, Twitter Account 란에는 내 트위터 ID을 입력합니다.
Options (Social Media Reactions)에서는 원하는 서비스를 체크해줘야 하며 간단히 모든 서비스를 다 체크하시면 됩니다. 참고: Social Media Reactions란?
더 아래 부분으로 이동해 원하는 서비스만 체크를 하거나 전부를 다 체크하셔도 무방합니다. 특별히 Facebook Connect, Twitter Sign-in과 OpenID는 체크를 해주실 것을 권해드리며 이 설정을 해주면 블로그 방문자가 자신의 소셜 미디어 계정으로 직접 블로그에 로그인하여 댓글을 남길 수 있게 됩니다. Facebook Connect 부분 설정은 Disqus 설정화면에서 (How do I get this?)를 클릭하게 되면 그 아래부분에 펼쳐지는 영어로 된 도움말을 보시면 됩니다. Facebook API Key의 설정방법은 시간상 관계로 별도로 포스트하려 합니다.
Disqus Settings(설정) 단계의 마지막 부분 Appearance 와 Community Page에선 실지 별로 손을 본 필요는 없으며 설정페이지 최하단에서 최종 "Save"를 클릭하여 위의 모든 설정을 저장하면 됩니다.
3. Disqus 댓글 코드 삽입 단계 :
http://disqus.com/admin/tools 를 방문합니다.
티스토리 블로그는 Gerneric code를 선택해야 하며 Reinstall을 클릭하여 생성되는 코드 Code Snippet #1을 전부 복제하여 티스토리 블로그에서 댓글입력창을 보여주려는 위치에 삽입합니다.
저의 블로그처럼 댓글입력창을 본문하단에 위치하게 하려면 티스토리 스킨 HTML편집 모드에서 본문을 대표하는 코드 를 찾은 후 그 아래 위치에 Code Snippet #1 의 전체 코드를 삽입하면 됩니다. ( 선택사항으로 Feedburner 사용자는 Disqus에서 제공하는 Feedflare를 Feed하단에 넣을 수도 있으며 관련 설정 방법은 이 곳의 포스트를 참조바랍니다. ) 이외에 Code Snippet #2 와 사이드 바에 넣을 수 있는 댓글 Widget는 선택사항이며 적용을 하지 않아도 상관이 없으나 필요하다면 제가 이곳에서 설명한 내용을 참조해서 적용바랍니다.
기타 블로그 서비스 Blogger, Wordpress 등 특정 bsp의 경우에는 매뉴 창에서 Generic code가 아닌 자체의 블로그 서비스(bsp)를 클릭하여 대응되는 도움말을 따르시면 됩니다. 단 앞에서 얘기한 설정과정은 완전히 동일합니다.
Blogger 블로그에서의 Disqus 설정방법 : 블로거닷컴 블로그에 디스커스 설치하기
워드프레스의 경우는 DISQUS Comment System 이란 플러그인을 직접 사용하셔도 됩니다.
기타 참고 사항:
댓글 창 설치 완료후 Moderate에서 댓글을 관리할 수 있으며 Permissions에서 누가 댓글을 쓸 수 있는지 등 내용을 설정할 수 있습니다. 일반적으로 Permissions 부분은 초기상태로 그냥 놔두면 되며 이 경우 누구나 다 댓글을 남길 수 있는 권한을 가지게 됩니다.
Disqus 도움말 페이지 : http://wiki.disqus.net/
다음 번 글에서는 Facebook Connect 설정에 대해서 구체적으로 설명해드리겠습니다. 이 부분은 나중에 설정하면 되며 위의 과정을 거쳐서 블로그에 삽입한 기존 Disqus 코드 등을 뜯어고칠 필요가 없이 자동으로 적용이 될 수 있는 부분입니다.
관련 글
티스토리,블로거,워드프레스 블로그에 Disqus디스커스 적용하기(1) - 라이프해커
blog comments powered by Disqus
1. Disqus계정 신청 : http://disqus.com/signup/?next=/add/
2. Disqus에 블로그를 등록 : http://disqus.com/add/
3. Disqus Settings (설정단계)
http://disqus.com/admin/settings/ 를 방문, Twitter Account 란에는 내 트위터 ID을 입력합니다.
Options (Social Media Reactions)에서는 원하는 서비스를 체크해줘야 하며 간단히 모든 서비스를 다 체크하시면 됩니다. 참고: Social Media Reactions란?
더 아래 부분으로 이동해 원하는 서비스만 체크를 하거나 전부를 다 체크하셔도 무방합니다. 특별히 Facebook Connect, Twitter Sign-in과 OpenID는 체크를 해주실 것을 권해드리며 이 설정을 해주면 블로그 방문자가 자신의 소셜 미디어 계정으로 직접 블로그에 로그인하여 댓글을 남길 수 있게 됩니다. Facebook Connect 부분 설정은 Disqus 설정화면에서 (How do I get this?)를 클릭하게 되면 그 아래부분에 펼쳐지는 영어로 된 도움말을 보시면 됩니다. Facebook API Key의 설정방법은 시간상 관계로 별도로 포스트하려 합니다.
Disqus Settings(설정) 단계의 마지막 부분 Appearance 와 Community Page에선 실지 별로 손을 본 필요는 없으며 설정페이지 최하단에서 최종 "Save"를 클릭하여 위의 모든 설정을 저장하면 됩니다.
3. Disqus 댓글 코드 삽입 단계 :
http://disqus.com/admin/tools 를 방문합니다.
티스토리 블로그는 Gerneric code를 선택해야 하며 Reinstall을 클릭하여 생성되는 코드 Code Snippet #1을 전부 복제하여 티스토리 블로그에서 댓글입력창을 보여주려는 위치에 삽입합니다.
저의 블로그처럼 댓글입력창을 본문하단에 위치하게 하려면 티스토리 스킨 HTML편집 모드에서 본문을 대표하는 코드 를 찾은 후 그 아래 위치에 Code Snippet #1 의 전체 코드를 삽입하면 됩니다. ( 선택사항으로 Feedburner 사용자는 Disqus에서 제공하는 Feedflare를 Feed하단에 넣을 수도 있으며 관련 설정 방법은 이 곳의 포스트를 참조바랍니다. ) 이외에 Code Snippet #2 와 사이드 바에 넣을 수 있는 댓글 Widget는 선택사항이며 적용을 하지 않아도 상관이 없으나 필요하다면 제가 이곳에서 설명한 내용을 참조해서 적용바랍니다.
기타 블로그 서비스 Blogger, Wordpress 등 특정 bsp의 경우에는 매뉴 창에서 Generic code가 아닌 자체의 블로그 서비스(bsp)를 클릭하여 대응되는 도움말을 따르시면 됩니다. 단 앞에서 얘기한 설정과정은 완전히 동일합니다.
Blogger 블로그에서의 Disqus 설정방법 : 블로거닷컴 블로그에 디스커스 설치하기
워드프레스의 경우는 DISQUS Comment System 이란 플러그인을 직접 사용하셔도 됩니다.
기타 참고 사항:
댓글 창 설치 완료후 Moderate에서 댓글을 관리할 수 있으며 Permissions에서 누가 댓글을 쓸 수 있는지 등 내용을 설정할 수 있습니다. 일반적으로 Permissions 부분은 초기상태로 그냥 놔두면 되며 이 경우 누구나 다 댓글을 남길 수 있는 권한을 가지게 됩니다.
Disqus 도움말 페이지 : http://wiki.disqus.net/
다음 번 글에서는 Facebook Connect 설정에 대해서 구체적으로 설명해드리겠습니다. 이 부분은 나중에 설정하면 되며 위의 과정을 거쳐서 블로그에 삽입한 기존 Disqus 코드 등을 뜯어고칠 필요가 없이 자동으로 적용이 될 수 있는 부분입니다.
관련 글
티스토리,블로거,워드프레스 블로그에 Disqus디스커스 적용하기(1) - 라이프해커
'Tips & Tricks' 카테고리의 다른 글
| 지메일 닌자 4단계 - 구글의 공식 Gmail Tips #1 (4) | 2009/08/19 |
|---|---|
| 구글 리더 Send To 설정 팁 - FriendFeed로 글 보내기 (1) | 2009/08/13 |
| 지메일 Inbox에서 편지 제목앞의 라벨을 감추기 - Gmail Tips#17 (0) | 2009/08/07 |
| FriendFeed프랜드피드로 내 블로그 구독자수를 늘리려면 (0) | 2009/08/02 |
| 티스토리,블로거,워드프레스 블로그에 Disqus디스커스 적용하기(2) (5) | 2009/07/28 |
| 티스토리,블로거,워드프레스 블로그에 Disqus디스커스 적용하기(1) (3) | 2009/07/27 |
| Hotspot Shield 의 자체 광고를 완전 차단시키는 방법 (8) | 2009/07/27 |
| 지메일 자동 수신거부 어떻게 해야 정확한 것인가 - Gmail Tips #16 (0) | 2009/07/24 |
| '누가 나의 어떤 tweets를 즐겨찾기로 추가했을가'를 알려면 (0) | 2009/07/14 |
| Feedburner 이메일 구독자가 포스트 제목을 직접 한눈에 보게 하려면 (0) | 2009/07/09 |
| Gmail Ninja 4단계 - 당신은 어느 단계이십니까? (0) | 2009/06/27 |
Trackbas address :: http://kr.geek2live.org/trackback/241
-
Tracked from Inuit Blogged
at 2010/08/15 12:28
삭제
Subject: 이젠 블로그에 소셜 댓글을 달 때
눈치 채신 분도 있지만, 제 블로그에 작지만 의미있는 변화가 생겼습니다. 원래 블로그 댓글 창 위에, disqus 댓글창을 달았지요. It's SNS times! SNS 시대입니다. 싸이월드가 장악했던 우리나라입니다. 그 아류처럼 시작했지만 이내 미국을 석권하고 글로벌 서비스로 거듭나서, 다시 대한민국을 강타하는 페이스북을 보면 새삼스러운 여러 느낌이 듭니다. 게다가 트위터로 대변되는 거센 소셜 네트워크의 물결을 보면 블로그 시대를 넘어선 소셜 서비.....
이런게 다있엇네요...
좋은정보 잘 봤습니다.
지금은 인터페이스가 많이 바꼈더군요.
여튼 잘 설치했습니다. ^^
제 글을 링크해주셔서 감사합니다. 아까 닉쑤님 블로그 죽 둘러보고 왔습니다
사실 제가 이 글을 쓴후 얼마 안지나서 disqus가 큰 변화가 있었습니다.전체 설정부분 인터페이스가 다 바뀌었고,Facebook API key등은 자동으로 획득하게 되어 있더라구요...아무튼 disqus는 참 훌륭한 도구라 생각됩니다.