[추천]소셜 댓글 서비스, 댓글 서비스 끝판왕 : Disqus(디스커스)

 

1. 개요

Disqus(디스커스) (https://disqus.com/ ) 는 소셜 댓글 서비스입니다. 댓글을 직접 구현하지 않고 위젯의 형태로 서비스에 삽입할 수 있는 댓글 전문 서비스입니다. 회원가입하여 댓글 달기를 주저하는 사용자에게 자신의 Facebook, Google, Twitter 와 같은 SNS 계정으로 바로 댓글을 달 수 있도록 하여 (이름과 이메일 주소를 입력하지 않고) 보다 수월하게 댓글을 달 수 있어 사용자편의를 도모할 수 있고 또한 다른 웹페이지에 DISQUS 댓글을 달은 경우, 통합적으로 댓글 관리가 가능한 서비스입니다.
disqus(디스커스) 쇼셜 댓글 달기

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

1. 고품질의 백링크를 얻을 수 있습니다.
    Disqus자체가 워낙 유명한 서비스이고 페이지랭크가 높은 disqus.com 으로 백링크가 걸린다는 점 자체가 검색엔진최적화( SEO )에 많은 도움이 됩니다.(구글 페이지 랭크 점수를 보면 10점 만점에 disques 9, 네이버 8, 다음 8입니다. 물론 페이지 랭크는 구글에게만 의미가 있는 것이겠지만….)
또한 Disqus 의 경우는, 댓글을 남기는 사람에게 SEO 혜택이 돌아가는 구조를 가지고 있습니다. 타사/타인의 사이트상의 disqus(디스커스)에 댓글을 남길때마다 자사/자신이 등록해 놓은 사이트의 링크를 생성해줍니다. ( 디스커스 댓글의 놀라운 SEO 혜택 을 살펴보세요. 그 원리를 아주 재미있게 설명해 주고 있습니다. )
2. 페이스북,트위터, 구글플러스와 같은 다양한 소셜미디어를 통한 유입을 얻을 수 있습니다.
3. 소셜(SNS)의 반응(공유, 좋아요)는 구글 검색결과 순위 요소중 매우 중요한 요소입니다.  
disqus 는 아래와 같이 자체 소셜 공유 버튼을 가지고 있어 댓글을 다는 것외에 소셜 공유가 가능합니다. 
disqus 자체의 소셜 공유버튼
소셜 공유버튼의 중요성에 관해서는 아래의 저희의 다른 게시글을 참조하세요. 
4. Content is king. Activity is Queen.
컨텐츠 마케팅에서 컨텐츠는 사이트의 운영진이 생산한 컨텐츠에 한정되지 않습니다. 방문자들이 작성하는 글과 댓글도 컨텐츠입니다. 컨텐츠가 자주 업그레이드된다는 것은 컨텐츠의 완성도가 높아지고 있다는 신호를 검색엔진에 보내는 것입니다. 
한편, 컨텐츠 다음으로 중요한 것은 활동성입니다. (Content is king. Social Activity is Queen.)
아래의 게시글은 Content is king. Social Activity is Queen. 이라고 설명하고 있습니다. off line과 on line을 비교하며 on line 상에 activity가 왜 중요한지, 어떻게 작동하는지 명쾌하게 설명하고 있습니다. 좋은 콘텐츠를 생성할 수 없다면 activity 를 확보해야합니다. activity 는 피링크(백링크)를 얻는 가장 확실한 방법임을 역설하고 있습니다. 꼭 꼭 이 게시글을 읽어보세요. 정말 훌륭한 글입니다. (아래의 게시글은 글자가 깨져 보이나 정상 게시글, 정상적인 링크입니다. )
Activity(활동성)을 높힐 수 있다는 점에서 이것은 워드프레스 소셜플러그인인 Buddy Press에 대응하는 훌륭한 대체제입니다.  

 

한계(단점)

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

 

 

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

 
 

Disqus Comment System 플러그인

  • 버전: 3.0.16
  • 글쓴이: Disqus
  • 최근 업데이트: 9 개월 전에
  • 요구되는 워드프레스 버전: 4.4 또는 이상
  • 호환되는 버전: 4.9.9
  • PHP 버전 요구사항: 5.4 또는 이상
  • 활성 설치: 200,000+
사이트 빌더를 워드프레스를 사용하고 계신데, 댓글을 활성화하시고자 하시는 분들은 이용해보시길 권합니다.
 

설치 및 활성화

플러그인 -> 플러그인 추가하기 -> 검색창에 disqus 입력 -> 아래의 이미지와 같이 선택하여 설치 및 활성화해주세요.
disqus(디스커스) 쇼셜 댓글 달기-1
저의 경우에는 2018-07-16에는 플러그인 활성화후 아무리 로그인을 해도 자꾸만 Unable to connect to the Disqus API servers 라고 메세지가 나와서 연결을 못했습니다. 검색해보니 사용하는 호스팅에서 disqus.com 이나 disqus.net 연결시 포트 80번을 호스팅에서 차단해서 일 것이라고 합니다.
이럴경우 플러그인 설치말고 직접 코드를 붙이는 작업을 하면 된다고 합니다. ( 2 개의 게시글,  Unable to connect to the Disqus API servers 와 Unable to connect to the Disqus API servers wordpress plugin 을 참조하세요. (제목은 영문이지만 한글게시글입니다.) )
너무 좋은 서비스라 2019-02-21 에 다시 시도해보니 disqus 플러그인이 업데이트가 되었고 아래와 같이 나옵니다. 
워드프레스에서 disqus 플러그인 설정

구성

[Install], [Site Configuration], [Syncing], [Single Sign-on], [Advanced], [Support] 로 구성되어 있습니다. 

 

[설치(Install)]

Installs Disqus on your site using a generated API application. If your site isn’t publicly accessible, use the manual installation method.
(생성된 API 응용 프로그램을 사용하여 사이트에 Disqus를 설치합니다. 사이트에 공개적으로 액세스 할 수없는 경우 수동 설치 방법을 사용하십시오.)

Do you have a Disqus account?(디스커스 계정이 있습니까?)
있으므로 Yes를 하니 다시 아래와 같이 나옵니다. 
Do you have a site registered on Disqus you want to use?(Disqus에 등록한 사이트가 있습니까?)
이 사이트(seenbuy.kr)을 전에 등록해 놓았으므로 다시 Yes를 하니 아래와 같이 나옵니다. 
워드프레스에서 disqus 플러그인 설정_1
자동 설치
생성 된 API 응용 프로그램을 사용하여 사이트에 Disqus를 설치합니다. 사이트에 공개적으로 액세스 할 수없는 경우 수동 설치 방법을 사용하십시오.
1. WordPress 설치 페이지로 이동하십시오.
2. 메시지가 나타나면 사용할 Disqus 사이트를 선택하십시오.
3. 필요한 경우 아래의 동기화 토큰을 복사하여 설치 페이지의 입력 필드에 붙여 넣으십시오
4. 설치 버튼을 클릭하고 Disqus 설정 구성을 마칩니다.
워드프레스에서 disqus 플러그인 설정_2
사이트 이름을 한글로 입력하시면 자동으로 URL 을 만들어주는데 따로 설정하시고자하는 경우에는 
“Your unique disqus URL will be: inbaundeumaketing.disqus.com
Customize Your URL ”
에서 Customize Your URL을 선택해주세요. 언어는 한국어가 없으므로 English 로 해주세요. 

워드프레스에서 disqus 플러그인 설정_3

 

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

워드프레스에서 disqus 플러그인 설정_8_1

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

워드프레스에서 disqus 플러그인 설정_5

 

 

워드프레스에서 disqus 플러그인 설정_6

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

워드프레스에서 disqus 플러그인 설정_7

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

워드프레스에서 disqus 플러그인 설정_8

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

 

[Syncing(동기화)]

워드프레스에서 disqus 플러그인 설정_9

워드 프레스 코멘트(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 을 찾아서 클릭하시면

디스커스 API resource

  • 아래와 같이 API Key, API Secret Key 그리고 Access Token을 확인할 수 있습니다. 

디스커스 API resource_오오쓰

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

디스커스 API resource_Site Configuration에 넣어주기

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

워드프레스에서 disqus 플러그인 설정_9

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

disqus 디스커스 사이트 추가

 

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(디스커스 쇼셜 댓글 달기 끝 ->