말똥이의 블로그

소셜댓글 서비스 DISQUS 티스토리 블로그에 넣기 본문

블로그/블로그 운영 팁

소셜댓글 서비스 DISQUS 티스토리 블로그에 넣기

ryush00 2014.05.02 08:00

등록 버튼을 여러번 누르면 댓글 여러개가 동시에 등록되는 현상 떄문에 이번에 블로그 스킨을 바꾸며 기존 티스토리에서 기본적으로 제공되는 댓글을 버렸습니다. 

그대신 DISQUS라는 소셜 댓글로 교체하였고요.

이 글에서는 DISQUS를 티스토리 블로그 댓글에 넣는 방법에 대해 작성하도록 하겠습니다.




티스토리 블로그에 넣기



Add Disqus to Your SiteAdd Disqus to Your Site


먼저 디스커스에 회원가입을 합니다. 그리고 좌측 이미지와 같은 버튼을 눌러줍니다.


그러면 우측과 같은 화면이 표시되는데 각 항목들을 알맞게 채운 후 Finish registration 버튼을 눌러줍니다.


사이트를 추가하였으면 설정으로 가서 입맛에 맛게 바꿔 주어야 합니다.

예를 들자면 저는 Default Sort(기본 정렬 방식)을 Best first(베스트 먼저)로 설정하였습니다.




자, 이제 티스토리 설정으로 갑니다. 꾸미기에 HTML/CSS 편집으로 들어가 주세요.

이 소스코드는 원래 소스코드로부터 티스토리에 맞게 수정한 코드입니다. 여러개의 게시글이 동시에 나오는 경우로 인해 만든 기능이지만 간단한 설정을 해주면 솔직히 중요하지는 않은 수정입니다.

빨간 부분은 직접 수정하셔야 합니다.

<!--디스커스 댓글 시작-->
<script>
var anumberurl = "[##_notice_rep_link_##]"
var anumber = anumberurl.replace("/", '');
var atitle = '[##_notice_rep_title_##]';
</script>
    <div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: THIS CODE IS ONLY AN EXAMPLE * * */
    if(!disqus_multi) {
    var disqus_shortname = 'shortname'; // Required - Replace example with your forum shortname
    //var disqus_identifier = anumber;
    var disqus_title = atitle;
    var disqus_url = 'http://도메인 주소/'+anumber;
    var disqus_identifier = anumber;
    var disqus_multi = true;
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    } else {

    }
</script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
<!--디스커스 댓글 끝-->


그리고 "[##_notice_rep_desc_##]"라 써있는 것을 찾아 그 바로 아래에 이 스크립트를 넣어 주세요.


그러면 지금 보시는 이 블로그의 댓글과 같이 DISQUS 댓글이 추가됩니다.



이상입니다. 추가적인 질문이나 문의사항은 아래 댓글로 해주시기 바랍니다.

1 Comments
댓글쓰기 폼