티스토리 disqus 적용 방법

 

티스토리에는 댓글기능이 있지만 회원만 댓글을 작성할 수 있고 비회원 댓글 기능이 있지만 스팸의 두려움을 안고 있어야 한다. 그래서 소셜 댓글 서비스를 이거저거 알아봤는데 disqus가 제일 알맞아보인다. 일단 적용은 했는데 좀 더 깔끔하게 적용해보고 싶어서 좀 알아봤다.

comment

댓글을 적용하는 방법은 다음의 코드를 원하는 곳에 넣으면 된다. 그런데 여러 개를 동시에 넣을 때 문제가 된다. 물론 동시에 여러개가 나오지 않도록 만들면 되지만 티스토리는 여러개의 글이 동시에 보이는 곳도 있으니 page.url 혹은 page.identifier 를 설정해 주어야 한다. 설정하지 않으면 location.href 값을 사용한다. 아무래도 반드시 설정하는 것이 좋겠다.

자세한 내용은 disqus 도움말에서 볼 수 있다.

<div id="disqus_thread"></div>

<script type="text/javascript">
  /* 도메인이 바뀌고 parameter가 붙어도 문제 없도록 identifier를 '384'로 설정한다. */
  var disqus_config = function () {
    this.page.identifier = '384';
  };
  

  (function() {
    var d = document, s = d.createElement('script');
    s.src = 'https://SHORTNAME.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
  })();
</script>

comment count

count는 티스토리 글 리스트에서 사용할 수 있다. 리스트에 링크가 있는 것 혹은 없는 것 두가지 중 한가지를 선택해서 사용할 수 있다.

자세한 내용은 disqus 도움말에서 볼 수 있다.

// 링크를 위한 count
<a href="/384#disqus_thread" data-disqus-identifier="/384">Comments</a>

// 링크 없는 count
<span class="disqus-comment-count" data-disqus-identifier="/384">Comments</span>

// </body> 바로 앞에 넣는다.
<script id="dsq-count-scr" src="//SHORTNAME.disqus.com/count.js" async></script>