디스커스 (Disqus) - 기술

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

======디스커스 (Disqus)======

{{https://a.disquscdn.com/dotcom/d-9c2c241/img/brand/disqus-logo-blue-white.svg}}

전세계 많은 사람들이 [[http://disqus.com|Disqus]] 댓글 시스템을 통해서 의견을 주고받고 있다.

Disqus에서 통합적으로 댓글을 관리할 수 있게 된다. 내 여러 사이트에 남들이 남긴 댓글을 관리할 수 있을 뿐만아니라, 다른 사람들의 사이트에 내가 남긴 댓글도 관리할 수 있다.
그리고, 등록하고 [[tech:twitter|트위터]] 설정을 하게 되면 블로그에 쓰는 댓글을 내 트위터로도 동시에 보낼 수 있다. 그러면 내 트위터 친구들은 내가 어느 블로그에서 무슨 댓글을 썼다는 것을 바로 알게 될 것이다. 뿐만아니라 댓글에 대한 답글도 트위터로 받아볼 수 있게 된다. 마찬가지로 [[tech:facebook|페이스북]]이나, [[tech:google plus|구글플러스]]도 지원한다.

https://disqus.com/

* 댓글로 사진도 올릴 수 있어서 좋다. 
  * 외국사이트에서는 정말로 많이 사용한다.
  * 사용자 사진은 직접 올려도 되고, [[gravatar]]에 등록해도 된다.

=====사용법=====

일단 [[http://disqus.com|Disqus]]에 가서 계정을 하나 만든다.
각 블로그나 사이트에서 지원하는 각종 플러긴을 사용해도 된다만, 기본적으로 아래와 같은 universal html/javascript 를 이용해서 어느 곳이나 삽입할 수 있다.

도쿠위키에서는 [[https://www.dokuwiki.org/plugin:disqus|디스커스 플러긴]]을 사용할 수 있으나, 표시되는 위치를 세밀하게 조절하기 어렵기 때문에 직접 스크립트를 템플릿에 붙여넣는 것도 좋다.

세부 조절은 [[http://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables|javascript-configuration-variables]] 참조...

<code html><div id="disqus_thread" style="background:#fff; border-radius: 7px;max-width:700px;padding:1em;margin:0.5em auto"></div>
<script type="text/javascript">
    var disqus_shortname = '<사이트 아이디>'; // 사이트아이디를 넣으세요.. shortname 이라고 된 것을 넣으면 된다.
    var disqus_url = 'http://openwiki.kr/<?=str_replace(":","/",$ID)?>';  //주소교정용
    var disqus_identifier ='http://openwiki.kr/<?=str_replace(":","/",$ID)?>'; //주소교정용
    //  주소교정용 변수를 직접 지정하지 않고 자동으로 그냥 두면, &do=recent 이런 주소가 인식되어 댓글이 흩어지게된다;
    /* * * 아래는 수정하지 마세요 * * */
        (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);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://openwiki.kr/tech/disqus" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a></code>

=====기타=====

====최근 댓글 RSS====

다른 댓글 서비스에는 없는 기능이니, 유용하다.

* http://vln.disqus.com/latest.rss

====최근 댓글 위젯====
<code html>
<div id="recentcomments" class="level2" style="">
<strong>Recent Comments</strong>
<script type="text/javascript"
    src="http://<사이트 아이디(shortname)>.disqus.com/recent_comments_widget.js?
    num_items=5&hide_avatars=0
    &avatar_size=24&excerpt_length=30"></script>
    <small>Powered by <a href="http://openwiki.kr/tech/disqus">Disqus</a></small>
</div>
</code>
====콤보박스====
<file html>
<script type="text/javascript"
src="http://<사이트 아이디(shortname)>n.disqus.com/combination_widget.js?
num_items=25&hide_mods=0&color=grey
&default_tab=recent&excerpt_length=70"></script>
</file>

* color는 blue grey green red orange
  * default_tab은  'people','recent','popular'
  * excerpt_length 는 작동 안하는 것 같다.

[[http://www.funbutlearn.com/2013/07/a-tricky-way-to-show-disqus-recent.html|funbutlearn]]

^  누구나 수정할 수 있다. [[http://openwiki.kr/syntax|위키 사용법]] 참고하라.  ^

2+1? 이 필드는 비어 있도록 유지하세요:

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International

연결문서