작성일자
카테고리 CMS/티스토리 가이드

티스토리의 댓글은 기본적인 댓글 관리 시스템이 있지만 댓글에 댓글을 달 수 있는 글타레(thread)가 2단계까지 밖에 안되고 소셜 네트워크 연결이 안되죠. 그래서 라이브리나 페이스북 계정을 이용한 댓글 시스템을 추가하기도 합니다. 이들 댓글 시스템에 댓글 관리를 위한 관리자 화면이 있는지 찾아보지는 않았지만 그동안 댓글이 있는 경우 어느 글에 댓글이 달렸는지 알 수가 없고 관리하기가 불편해서 중지를 하고는 했습니다.


디스커스는 전세계적으로 많이 사용하는 댓글 관리 시스템 중에 하나입니다. 워드프레스나 다른 CMS를 위한 플러그인도 있지만 티스토리의 경우 일반 웹사이트로 설치하는 방법이 있습니다. 설치도 간편하고 댓글을 관리할 수도 있으며 소셜계정으로 댓글을 달 수도 있습니다. 글타레도 4단계까지 가능하며 댓글에 이미지나 유투브 동영상 추가도 가능합니다. 


디스커스를 이용하려면 가입을 하고 설정합니다.


https://disqus.com


위 링크로 이동하면 아래의 화면이 나타납니다.



상단의 Login을 클릭하면 새 화면에서 기존의 계정을 이용해 로그인하거나 소셜 계정이 있는 경우 해당 계정으로 로그인 할 수 있습니다. 없는 경우 Create Account 버튼을 클릭해서 만들 수 있습니다. 하단의 Add Disqus to Your Site 버튼을 클릭해도 계정을 만들면서 로그인할 수 있습니다. 이 버튼을 클릭해서 만들어보겠습니다.



왼쪽 열에서 사이트 정보를 입력합니다. 사이트 URL을 입력하고 사이트 이름을 영문으로 입력한 다음 Site Shortname 입력란을 클릭하면 위에서 입력한 이름이 나타납니다. 사이트 이름이나 단축 이름은 독특하게 만들어야 중복되지 않습니다. 우측 열에서 회원 가입 정보를 입력합니다. 이미 계정이 있는 경우 Already have a profile? 링크를 클릭해서 로그인합니다. 



다음 화면에서 Universal Code를 선택합니다.



다음 화면에서 1번 항목의 코드를 블록 설정해서 복사합니다.



티스토리 관리자 화면의 HTML/CSS 편집 메뉴를 클릭해서 Skin.html 창에 붙여넣어야 하는데 위치를 결정해야 합니다. 제 경우는 트랙백 링크 바로 위에 붙여 넣었습니다. Ctrl+F키를 누르면 검색 상자가 나타나는데 actionTrail을 입력하고 엔터키를 누르면 바로 검색됩니다.



디스커스 코드 화면에서 두 번째 코드를 복사합니다.



skin.html 화면을 최하단으로 스크롤해서 이동한 다음 </body> 태그 바로 이전에 붙여넣습니다.



블로그 화면을 새로고침 하면 태그와 트랙백 사이에 댓글 화면이 나타납니다. 처음 설치하면 영문으로 나타나는데 한글로 바꾸는 방법과 기타 설정 방법을 알아보면 다음과 같습니다.


디스커스 설정



Admin 메뉴를 선택하면 댓글을 관리할 수 있는 화면이 나타납니다. 각 댓글의 링크에서 스팸으로 처리하거나 삭제할 수있습니다. 우측 끝의 Settings 탭을 클릭하고 사이트를 선택합니다.



Color scheme에서 배경에 따른 스킨을 선택할 수 있습니다.



Language에서 한글을 선택합니다.



가장 중요한 부분은 Community Rules 항목입니다. 


- Guest Commenting에 체크하면 소셜 계정의 로그인 없이 댓글 달기를 허용합니다.


- Pre-moderation에서 None에 체크하면 방문자가 댓글을 입력하고 승인을 기다리지 않아도 공개됩니다. 

Non-verified에 체크하면 관리자에게 이메일이 통보되며 이메일로 내용에 Approve, Delete, Spam으로 답장을 보내면 해당 내용으로 댓글이 처리됩니다. 한번 승인을 받은 댓글 입력자는 이메일로 다시 승인 받지 않아도 계속 댓글을 입력할 수 있습니다.

All을 선택하면 모든 댓글이 관리자의 승인을 받아야 공개됩니다.



승인하기 전에는 메시지가 나타나고 자신이 작성한 댓글은 내 댓글 표시 링크를 클릭하면 볼 수 있습니다.



이메일 통보를 받으면 좌측의 이미지와 같은 내용입니다. 여기서 Approve를 복사해서 답장의 내용으로 보내면 승인되고 댓글이 공개됩니다.


- Links in Comments는 댓글에 링크를 허용합니다. 대부분의 스팸 댓글은 자신의 웹사이트를 방문하기 위한 링크가 있는 쓸데 없는 내용의 댓글인 경우가 많습니다. 이곳에 체크하면 댓글에 링크가 있는 경우 관리자가 승인해야 공개됩니다.


- Media Attachments는 댓글에 이미지나 유투브 동영상 첨부를 허용합니다. 



- 유투브 동영상은 iframe 태그의 공유 코드가 아닌 동영상이 있는 주소란의 URL을 그대로 복사해서 붙여넣으면 시간이 지난 후 브라우저를 새로고침하면 동영상 이미지가 나타나고 이미지를 클릭하면 전체화면으로 동영상 화면이 나타납니다. 

- 댓글 입력란 아래의 이미지 아이콘을 클릭하면 브라우저 화면이 나타나고 이미지를 추가할 수 있습니다. 또는 img 태그를 사용해서 추가할 수도 있습니다. 지원하는 포맷은 jpg, jpeg, gif, png이며 애니메이션 gif는 지원하지 않습니다.


-Flagged Comments는 댓글에 깃발 달기 기능입니다. 이것은 댓글에 대해 타 방문자가 신고하거나 삭제 요청할 수 있도록 합니다. Email moderators when a post is flagged에 체크하면 댓글에 깃발이 달리면 관리자에게 이메일로 통보되고 Do not display a comment once it is flagged에 체크하면 선택 상자의 횟수만큼 깃발이 달리면 댓글을 달 수 없습니다.



위 이미지는 유투브를 링크했을 때 나타나는 이미지이며 이미지를 클릭하면 전체 화면에서 비디오를 실행할 수 있습니다.


- Automatic Closing은 입력 상자의 수만큼 날짜가 지나면 댓글을 달 수 없습니다.


알림 메일 받지 않기 설정



관리자 화면에서 Email notifications을 선택하면 다음 화면이 나타납니다.



위 화면에서 원하는 설정을 하고 변경 사항 저장 버튼을 클릭합니다.



아바타를 설정하려면 Edit Profile을 선택하고 Avatar 탭에서 파일 선택 버튼을 클릭한 다음 파일을 업로드 하면 아래와 같은 창이 됩니다. 여기서 자르기 툴을 원하는 곳으로 이동하거나 크기를 늘려서 조절한 다음 Save shanges 버튼을 클릭합니다. 그런 다음 위 화면에서 Save Changes 버튼을 클릭하면 됩니다. 이미 워드프레스의 그라바타를 사용하는 경우 세번째 항목에 나타납니다.






댓글 상자의 모양입니다.



4단계의 댓글



이미지가 추가된 댓글


저작자 표시 비영리 변경 금지
신고

티스토리 툴바