티스토리 disqus 적용 방법
Dev

티스토리 disqus 적용 방법

Joo 2015.09.12 14:21

 

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

comment

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

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

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

<script type="text/javascript">
  /* 꼭 해야할 필요는 없지만 도메인이 변경될 가능성이 있을때만 identifier를 '[##_article_rep_link_##]'로 설정한다.
  var disqus_config = function () {
    this.page.identifier = '[##_article_rep_link_##]';
  };
  */

  (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="[##_article_rep_link_##]#disqus_thread" data-disqus-identifier="[##_article_rep_link_##]">Comments</a>

// 링크 없는 count
<span class="disqus-comment-count" data-disqus-identifier="[##_article_rep_link_##]">Comments</span>

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

 

신고
«   2017/08   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31