Disqus Comment System 플러그인

1. 개요

장점(검색결과 상위노출/검색엔진최적화를 중심으로)

콘텐츠가 왕이라면 여왕은 누구일까

한계(단점)

게시글(Post)에만 댓글이 붙고 페이지와 쇼핑몰 상품(Product)에는 댓글이 붙지 않습니다. 

$9짜리 플랜인 plus 이상을 선택하지 않으면 광고가 표시됩니다. 이것은 워드프레스의 경우 플러그인으로 막을수 있고 일반 웹사이트의 경우, 자바스크립트 코드를 넣어 막을 수 있습니다.

2. 워드프레스에 디스커스 설치하기(자동 설치)

Disqus Comment System 플러그인

Disqus Comment System

설치 및 활성화

너무 좋은 서비스라 2019-02-21 에 다시 시도해보니 disqus 플러그인이 업데이트가 되었고 아래와 같이 나옵니다. 아래의 [구성] -> [설치(Install)]로 이동하여 설치를 진행해주세요.

구성

[설치(Install)]

디스커스에 사이트 추가  

plan 은 동영상 처럼 Plus Free 을 선택하였습니다.

disqus를 설치할 플랫폼중 워드프레스를 선택해주세요.

disqus 플러그인 [install]의 “3. If needed, copy the sync token below and paste it to the input field in the installation page”아래의 sync token을 복사합니다.

“1. Copy the Installation Token and paste it into the form below to complete the installation”에 sync token 을 붙여넣기하고 [Install suseongjeongbotongsin-com on your site] 를 실행해줍니다. 

사이트가 업데이트되었습니다. Configure(구성) 을 클릭 하여 Disqus 설정을 계속 하십시오 .

URL 은 “http(s)://”을 포함해야 아래의 이미지 처럼 에러가 안 나옵니다.

이것으로 설치가 완료되었습니다.( 설치가 완료되면 disqus의 계정을 만들때 사용한 e-mail 로 다시 한번 확인 메일이 들어오는데 확인해주시면 됩니다. )

[Syncing(동기화)]

워드프레스 코멘트(WordPress Comments) : 분홍색 부분. 실제로 워드프레스 기본 댓글 시스템은 없어지고 디스커스로 변경된 것을 확인할 수 있었습니다.
Disqus는 WordPress 기본 댓글 시스템을 대체했습니다. 데이터베이스의 주석에 액세스하고 편집 할 수 있지만 거기에서 수행된 모든 조치는 Disqus에 반영되지 않습니다.

(Disqus has replaced the default WordPress commenting system. You may access and edit the comments in your database, but any actions performed there will not be reflected in Disqus.)

WordPress 댓글 보기(View WordPress Comments)

동기화( Sync ) : 파랑색 부분. 자동 동기화하거나 자동 동기화를 일시적으로 멈추거나 수동으로 동기화할 수 있습니다.

” Disqus에서 작성하고 편집한 주석을 백업을 위해 로컬 WordPress 데이터베이스에 복사할 수 있습니다. (Copy comments created and edited in Disqus to your local WordPress database for backup purposes. )

가져오기(Import) : 초록색 부분. 기존 WordPress 코멘트를 Disqus로 가져올 수 있습니다.

위에 3가지는 모두 실행하여 동기화해주세요.

사이트 추가

1개의 disqus 계정으로 다수의 사이트에 disqus 를 추가할 수 있으나 app 인증(OAuth) 절차가 있어 어렵습니다. 계정을 하나 더 만들어 새로운 사이트를 연결하는 것이 쉽습니다.

• Disqus Comment System 플러그인을 설치 및 활성화해주세요.
• disqus 에서 I want to install Disqus on my site 를 선택해주세요.
• 나머진 최초 사이트 등록 및 그 사이트설치하는 방법과 동일
• 추가 도메인을 구성 하기 위해 SSO 페이지 https://disqus.com/api/applications/ 로 이동해야합니다 (참고 : Single Sign-On (SSO) )
• SSO 페이지 https://disqus.com/api/applications/ 로 이동하시면 아래와 같은 API 정보가 나옵니다. ( 이때 disqus에 다수의 계정을 만들었다면 계정을 확인하세요. 디스커스 A계정에 가 사이트를 추가하고 B 계정으로 들어가는 경우 추가한 사이트를 찾을 수 없습니다. 제가 이런 경우였는데 gmail 로 만든 디스커스 계정과 naver로 만든 계정 2개가 있었어 API 정보를 못 찾는 경우를 겪었습니다.)

분홍색의 사이트 도메인을 가지고 초록색 app 을 찾아서 클릭하시면

• 아래와 같이 OAuth(오오쓰)인증 설정 페이지가 보이고 여기서 API Key, API Secret Key 그리고 Access Token을 확인할 수 있습니다.

• 워드프레스 Disqus 플러그인 -> [Site Configuration]으로 이동하시면 초록색 API Key, API Secret Key 그리고 Access Token 부분이 빈 공백상태로 있을 것입니다. 이곳에 위에서 확인해 두었던 값들을 복사 및 붙여넣기 해주시고 저장해 주세요. 분홍색 Site Secret Key 는 플러그인이 자동으로 매칭하여 생성해주므로 수정할 것이 없습니다.

• 설치가 완료되었으면 동기화해줍니다.

설치후 disqus.com 의 [settings] -> [Sites]에서 추가 설치된 것을 확인할 수 있습니다.

3. 수동설치

<!- disqus(디스커스) 쇼셜 댓글 달기 시작 ->

    <div id=”disqus_thread”></div>

    <script type=”text/javascript”>

        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */

        var disqus_shortname = ‘i-helpkr’; // required: replace example with your forum shortname

        /* * * 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);

        })();

    </script>

    <noscript>Please enable JavaScript to view the <a href=”http://disqus.com/?ref_noscript“>comments powered by Disqus.</a></noscript>

    <script type=”text/javascript”>

    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */

    var disqus_shortname = ‘i-helpkr’; // required: replace example with your forum shortname

    /* * * DON’T EDIT BELOW THIS LINE * * */

    (function () {

        var s = document.createElement(‘script’); s.async = true;

        s.type = ‘text/javascript’;

        s.src = ‘//’ + disqus_shortname + ‘.disqus.com/count.js’;

        (document.getElementsByTagName(‘HEAD’)[0] || document.getElementsByTagName(‘BODY’)[0]).appendChild(s);

    }());

    </script>

<!- disqus(디스커스 쇼셜 댓글 달기 끝 ->

• 버전: 1.0.2
• 글쓴이: Mowshon
• 최근 업데이트: 2년 전
• 필요한 워드프레스 버전: 4.0 또는 이상
• 호환되는 버전: 5.1.10
• PHP 버전 요구사항: 5.3.2 또는 이상
• 활성 설치: 200+
• WordPress.org 플러그인 페이지 »
• 플러그인 홈페이지 »