블로그에 소셜 댓글 서비스를 제공하는 ‘DISQUS’를 사용하는 방법에 대해서 알아 보겠습니다.
티스토리에서 제고아는 댓글 서비스는 양방향 서비스가 아닌, 티스토리 회원들만을 위한 일방적인 시스템의 성격이 강했습니다.
비회원도 ‘비밀 글’을 작성 할 수 있도록 하는 방식은 좋지만, 비회원으로 댓글을 달았을때, ‘답댓글’이 달릴 경우 비회원에게는 알림 서비스를 제공하지 않는다는 것이 불편했었습니다.
그리고 내 블로그에서 이루어진 댓글 활동들에 대해서 정확한 통계자료를 보여주지 않는 점 또한 불편했었는데요.
댓글 입력 폼에 방문자가 이미지 파일을 첨부할 수도 있고, 이미지 파일의 URL 주소 혹은 유튜브와 같은 동영상 파일의 URL 주소를 입력하면 해당 URL 주소를 자동으로 인식해서, 이미지 파일과 동영상을 보여 주기도 합니다.
디스커스(DISQUS) 란?
해외의 유명한 블로그, 사이트 등에서는 대부분이 이 디스커스 댓글 폼을 사용하고 있습니다. 그리고 디스커스라는 회사 또한 국내회사가 아닌, 외국 회사라서 사이트의 언어는 영문으로 되어 있습니다.
하지만 사이트의 직관적인 인터페이스 덕분에 영어실력이 부족해도 이용하는데에는 전혀 불편함이 없습니다.
또한 댓글목록에 댓글목록 내용(키워드)과 관련된 광고가 노출이 되서 클릭당 커미션을 지급하는 CPC 광고를 개제할 수 도 있습니다.
정확하지는 않지만, CPC 광고 서비스를 이용하기 위해서는 일정 수 이상의 댓글 커뮤니티가 활성화 되어야 CPC 광고를 개제할 수 있는 항목이 활성화 되는 것 같습니다.
디스커스(DISQUS)에 댓글을 달기 위해서는?
총 5가지의 방식으로 댓글을 입력할 수 있도록 지원을 하고 있습니다.
첫번째, 디스커스에 가입한 계정으로 로그인 해서 댓글을 입력할 수 있습니다.
두번째, 트위터 계정으로 댓글을 입력할 수 있습니다.
세번째, 페이스북 계정으로 댓글을 입력할 수 있습니다.
네번째, 구글 플러스 계정으로 댓글을 입력할 수 있습니다.
다섯번째, 비회원으로 이메일주소 입력만으로 댓글 입력이 가능 합니다.
그리고 댓글을 입력 하면서 이미지 파일을 첨부하고 싶다면, 드래그앤드롭 방식으로 이미지 파일을 추가할 수 있습니다.
방문자가 궁굼한 사항이 있을때, 스크린샷을 찍어서 이미지 파일을 함께 첨부해서 방문자와 블로그 운영자간의 소통을 더 원활하게 해 주기도 합니다.
디스커스(DISQUS) 회원가입 및 로그인
디스커스에 회원가입을 할 때 필요한 사항으로는 사용할 영어 이름(닉네임), 이메일 주소, 비밀번호 이 세가지 사항만 있으면 누구든지 회원가입이 가능 합니다.
굳이 디스커스에 회원가입을 하지 않더라도, 페이스북, 트위터, 구글 플러스 의 계정을 디스커스와 연동해서 해당 SNS 계정으로도 로그인이 가능 합니다.
블로그를 운영하고 있는 사람이라면, 누구나 쉽게 회원가입 및 로그인이 가능하기 때문에, 상세한 설명은 생략하고 바로 다음 단계로 넘어 가겠습니다.
디스커스(DISQUS)에 웹 사이트(블로그)를 등록하고 댓글 플러그인 소스 코드 발급 받기!
디스커스에 회원가입을 하고, 로그인을 했다면 사이트를 등록하는 페이지가 가장 먼저 반기게 될 겁니다. 혹은 다른 페이지가 먼저 반기게 된다면, 디스커스 홈페이지의 여러 위치에서 ‘ADD DISQUS TO YOUR SITE’ 를 확인할 수 있기 때문에, 쉽게 해당 페이지로 이동이 가능 합니다.
Site name
➥ 디스커스 댓글을 사용 할 웹 사이트(블로그)의 이름을 입력 해 주세요!
Choose your unique Disqus URL
➥ 나의 디스커스 댓글 커뮤니티를 확인할 수 있는 SNS 개념의 웹 주소 입니다. 사이트 이름을 입력하면 자동으로 사이트 이름으로 입력이 되며, 변경 또한 가능 합니다.
Category
➥ 자신의 웹 사이트(블로그) 카테고리를 설정하는 곳인데, 목록에 없다면 “Auto’ 로 해 주세요!
Finish registration
➥ 사이트 이름 및 카테고리 설정이 끝났다면 해당 항목을 클릭해서, 디스커스 댓글을 설치할 수 있는 ‘Install’ 페이지로 이동을 해 줍니다.
위의 페이지에서 자신이 사용하는 블로그 플랫폼이 없다면(?) 첫번째에 있는 ‘Universal Code’ 를 클릭 해 주면 됩니다.
하지만 바로 install 설치를 하게 된다면, 디스커스 댓글 폼 인증에서 오류가 발생할 수 있습니다. 그래서 install을 하기전에 앞서서 Admin ➜ Settings ➜ General 에서 먼저 설정을 해 주어야 합니다.
그러면 General(일반) 에서 설정할 수 있는 사항들에 대해서 간략하게 살펴 보겠습니다.
Appearance(외관)
➥ 색상, 서체 등을 설정할 수 있습니다. 기본값으로 두세요!
Comment Count Link
➥ 댓글 수 링크 입니다. 기볼값으로 두시면 됩니다!
Default Sort(기본 분류)
➥ 어떠한 댓글들이 가장 먼저 보여주게 할건지를 설정 할 수 있습니다. 최고의 댓글, 오래된 댓글, 최신의 댓글…
Discovery
➥ 디스커스 댓글목록 아래에 내가 활동한 다른 댓글 커뮤니티 링크를 보여줄건지 말건지를 선태할 수 있습니다. 체크하는 것을 권장 합니다.
Site Identity(사이트 정보)
➥ 사이트(블로그) 이름, URL 주소, 카테고리, 설명, 사용 언어를 입력하는 곳 입니다. 이 항목에 있는 사항들을 정확하게 입력해야 install 페이지에서 정상적으로 인증이 완료 됩니다. 그리고 사용 언어에서 ‘korean’으로 해 주어야 디스커스 댓글 폼에 한글로 표시가 됩니다.
Community Rules(디스커스 댓글 커뮤니티 규칙)
➥ Guest Commenting 항목에 체크를 해야 ‘비회원’도 이름과 이메일 주소만으로 댓글을 남길 수 있습니다.
➥ Pre-moderation 에서는 댓글을 승인해야 노출이 되게 할건지, 이메일 주소가 없는 사람의 댓글일때만 검토후에 승인할건지, 승인절차 없이 모든 댓글이 노출되게 할건지를 설정할 수 있습니다.
➥Links in Comments 링크가 있는 댓글일 경우에 승인을 해줘야 노출이 되게 할건지를 설정 할 수 있습니다.
➥Flagged Comments 신고된 댓글에 대해서 어떤 조치를 할건지를 설정 할 수 있습니다.
➥ Automatic Closing 자동으로 특정시간, 특정기간 동안 댓글 입력 폼을 폐쇄 할 수 있습니다.
Social Platform Integration
➥ 트위터 사용자 이름을 지정할 수 있습니다.
그리고 맨 아래에 있는 ’Save Changes’ 를 클릭해서 저장을 해 주세요! 그리고 install 페이지로 다시 이동을 해서 디스커스 댓글 폼을 설치 해 주면 됩니다.
그 외에 ‘Moderators’ 와 ‘Filters’ 그리고 ‘Advanced’ 는 추후에 설정을 해도 됩니다.
General
➥ 일반적인 설정을 하는 곳 입니다.
Moderators
➥ 디스커스 댓글을 관리 할 수 있는 다른 운영자를 추가할 수 있습니다.
Filters
➥ 비속어 필터, 스팸 메시지 차단, 사용자 차단 등을 관리할 수 있습니다.
Advanced
➥ 고급설정을 하는 곳이며, 디스커스에서 사용할 나의 아바타를 추가할 수 있으며, 디스커스 댓글과 사이트를 제거 할 수도 있습니다.
이제 기본적인 설정사항은 끝났으므로, install(Universal Code) 페이지로 이동을 해 주세요!
디스커스의 소셜 댓글을 설치할 수 있는 ‘html 소스’를 발급받는 페이지로 이동을 하게 됩니다. 상단에 있는 첫번째 소스(코드)는 디스커스 댓글 입력 및 목록의 코드 이므로, 웹 사이트(블로그)에서 삽입하고자 하는 위치에 해당 코드를 복사해서 붙혀넣기 하면 됩니다.
티스토리 블로그에서 글 관련 태그는 s_tag_label 에 위치해 있으므로, 그 아래에 위에서 복사한 디스커스 소스코드를 붙혀넣기 해서 해당 태그가 끝나는 지점 바로 아래에 디스커스 댓글 입력 및 목록 폼이 출력되게 했습니다.
s_tag_label 이 끝나는 항목에 /br 태그를 입력해서 간격을 띄워 줬습니다. 그리고 그 바로 아래에 디스커스 소스코드를 붙혀넣기 해 주고 '!— 디스커스 댓글 시작’ 과 같은 주석을 달아 줬습니다.
또는 본문 아래에 바로 디스커스 댓글 입력 및 목록 폼을 보여주고 싶다면 _article_rep_desc_ 치환자를 찾아서 그 아래에 붙혀넣기 하면 됩니다.
그리고 디스커스의 두번째 소스코드(자바스크립트)는 /body 바로 위에 주석을 달아서 붙혀넣기 해 주세요!
소스코드를 정상적으로 삽입 했다고 해서, 모든 절차가 끝난 것은 아닙니다. 마지막으로 디스커스 설치 페이지 아래에 있는 ‘Verify’ 버튼을 클릭해서 인증을 해 주어야 합니다.
성공적으로 모든 작업이 완료가 되었다면? 위와 같이 ‘Congrats! Disqus appears to be properly installed’ 라는 메시지와 함께 ‘Verify again’으로 바뀌게 됩니다.
이제 블로그로 이동을 해서 정상적으로 작동하는지, 그리고 보여지는지 확인 해 보겠습니다!
디스커스는 댓글 입력 폼 으로만 사용할 수 있는 것은 아닙니다. 티스토리 블로그에서는 공지사항과 같은 글에는 댓글 입력을 지원하지 않는데요.
공지사항 글을 작성할 때, 마지막 부분에 디스커스 댓글 플러그인 html 소스 코드를 붙혀넣기 하면, 공지사항과 같은 글에도 댓글 입력 폼을 만들 수 있습니다.
그리고 방명록 또한, 티스토리에서 방명록 관련 치환자를 찾아서 적절한 위치에 디스커스 댓글 플러그인 html 소스 코드를 붙혀넣기 하면, 방명록으로도 사용이 가능 합니다.
어떻게 사용하느냐에 따라서 활용방법은 무궁무진 해 보입니다. 그리고 댓글 커뮤니티 활성화가 잘 된다면, 추후에는 CPC 광고도 댓글 목록에 삽입할 수 있어 블로그의 새로운 수익모델이 될 수도 있습니다.
'웹' 카테고리의 다른 글
| 트위터 부트스트랩 다운로드 (0) | 2014.06.16 |
|---|---|
| 그누보드 게시판 테이블 그리고 댓글 (0) | 2014.06.16 |
| 남은 글자수 체크 (1) | 2012.07.23 |
| Trigger an Error - 오류 발생시키기 (0) | 2012.05.19 |
| jQuery Mobile 페이지 이동 (1) | 2011.11.03 |
