차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- tech:disqus [2014/05/12 22:47] – [최근 댓글 위젯] 115.93.88.196
+++ tech:disqus [2024/05/06 11:53] (현재) – [콤보박스] V_L
@@ 줄 1: / 줄 1: @@
+{{tag>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)>.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]]