댓글 시스템 utterances로 변경

댓글 시스템 변경

기존에 사용하던 Disqus에 딱히 큰 문제가 있었던 것은 아니다.

  • Disqus의 댓글 데이터들을 사이트들에 행동패턴등의 Big data 용도로 판매가 이뤄지고 있는 것 같다는 의심들 (차단 또는 정보공유 비활성 설정등으로 가능할 것 같다)
  • Basic Plan인 경우는 Disqus 광고가 많은 자리를 차지한다는 것 (Ads 옵션 조정으로 광고갯수 조정 또는 유료 플랜 사용)

그러나 귀차니즘에 다른 댓글 시스템을 찾아보다가 utterances라는 github issus처럼 댓글을 관리할 수 있는 방법을 발견해서 테스트 겸 변경했다.

  • Github Issue 기반이므로 (Repository 운영) 블로그 플랫폼을 변경해도 기존 Comment를 그대로 사용할 수 있다.
  • 개발과 관련된 블로그이므로 Github 계정으로 댓글을 작성할 수 있다.
  • 많은 블로그들이 이미 이 댓글 시스템을 사용하고 있는 것 같다.

적용하기

Utterances 사이트로 이동하면 간단하게 적용할 수 있도록 문서로 설명되어 있다. 간단히 처리를 정리하면 다음과 같다.

  • github에 댓글 관리를 위한 Repository 생성 (공개형)
  • 생성한 Repository에 utterances App 설치
  • utterances 사이트에 repo 정보를 “owner/repo” 형식으로 입력
  • “Blog Post ↔️ Issue Mapping” 항목을 자신의 블로그 플랫폼에 맞도록 선택 (이슈 제목을 블로그 경로로할지? 페이지 제목으로 할지? 임의로 지정한 값으로 할지? 등)
  • utterances에서 생성한 이슈에 대한 라벨 설정
  • 테마 선택

이렇게 설정하고 스크립트 태그를 블로그의 댓글 처리할 곳에 지정하면 된다.

실제로 utterances 사이트에 정보를 입력해서 스크립트 코드를 생성해서 사용해도 되지만 그냥 스크립트만을 복사해서 내용을 원하는 (위에서 설정한 것과 같이) 데로 변경한 다음 사용해도 된다.
단, 반드시 github에 utterances.app를 먼저 설치하고 진행해야 한다. 미 설치시 댓글시스템은 동작을 하지만 포스트와 연결되지는 않는다.

지금 보고 있는 이 글의 댓글은 utterances를 스트립트만 변경해서 적용한 것이다.

참고자료