DISQUS 소개

DISQUS 는 댓글 모듈을 따로 구축할 필요 없이 위젯 형태로 서비스하는 서드파티 플러그인입니다.

https://disqus.com

한국에 있는 서비스로 라이브리라는 서비스도 있습니다. https://www.livere.com

채널 - 쇼핑몰등에에 사용되는 상담용 채팅 위젯 https://channel.io

구동 소스는 원격지에 있고

해당 모듈을 iframe 형태로 임포트 시키거나 외부 JS파일을 통해 엘리먼트를 생성하는 구조로 되어있습니다.

계정만들기

설치방법은 매우 간단합니다.

DISQUS 홈페이지에 접속해 계정을 만듭니다.

스크린샷

두가지 선택지가 나오는데요 위쪽은 채팅형 모듈인것 같습니다.

두번째 install Disqus on my site 를 선택합니다.

스크린샷

플랜을 선택하라고 나오는데요. Plus와 Pro 두가지 모두 유료 플랜입니다.

Plus의 경우 데일리뷰가 5만건 이하인경우 1달 서비스 이용로가 $10 정도 청구 되는데요.

제 블로그도 페이지뷰가 많아져서 유료플러그인으로 넘어갈 날이 올 수 있기를 희망합니다. 가능할까요? ㅎㅎ 아직 큰 기대는 없습니다.

스크린샷

우선은 하단에 Basic 플랜을 선택합니다.

무료플랜을 하단쪽에 배치에서 시선 흐름을 나중으로 유도한 아이디어가 좋네요.

스크린샷

타켓을 고를 수 있는데요. 많은 플랫폼에 적용가능 한것으로 나오네요.

스크린샷

하지만 이 플러그인 아이콘들을 지나치고 하단에서 manually with Universal Code 를 선택해서 직접 소스 삽입으로 갑니다.

스크린샷

Jekyll 에서의 설치

import 할 대상 소스는 공식 페이지에 설정부분에 나와있습니다.

Jekyll 테마에 따라 disqus 삽입용 파일이 포함되어 있는 경우도 많습니다.

없는 경우 별도의 html 파일을 만들어서 해당 코드를 복사해 넣어 줍니다.

계정 AppID 는 _config.yml 에 변수로 넣어서 관리해주면 편리합니다.

<div id="disqus_thread"></div>
<script>
    var disqus_config = function () {
      this.page.url = 'http://localhost:4000/article/blog/2019/09/24/disqus/';
      this.page.identifier = 'http://localhost:4000/article/blog/2019/09/24/disqus/';
    };

    (function() {
      var d = document, s = d.createElement('script');

      s.src = 'https://laerdream-github-io.disqus.com/embed.js';

      s.setAttribute('data-timestamp', +new Date());
      (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

한글 소스 이슈

지원 언어에 한글이 없습니다. 더 소수언어들도 있는데 한국을 왜 배제하게 된 것일까요

다른 분들의 이야기를 들어보니 과거에는 있었다고 하네요.

블로거 분들중에 브라우저 개발자모드로 selector 를 임의생성해서 ‘ko’ 밸류를 넘기는 아이디어를 제시해주신 분이 있었습니다.

DOLOLAK님의 블로그 https://dololak.tistory.com/663

따라하니까 정말 한글로 들어오는데 그럼 프론트에서만 한글을 날렸다는 이야기네요.

착오인지 정책적인 결정인지 궁금합니다.

스크린샷

완성

스크린샷