워드프레스 기본 댓글과 페이스북 댓글 시스템으로 변경했습니다

19

이 블로그에서는 초기에 워드프레스 기본 댓글을 사용하다가 Disqus 댓글 시스템으로 바꾸어서 오랫동안 사용해왔습니다. 그러다가 어제 Disqus 댓글 대신 워드프레스 기본 댓글 시스템과 페이스북 댓글 시스템으로 변경했습니다.

Disqus를 이용하면 디스커스를 통해서도 사용자가 유입되므로 SEO(검색엔진 최적화)에 긍정적인으로 작용할 수 있습니다. 이 블로그의 경우 체크해보니 월 500명 정도가 Disqus를 통해 유입되고 있네요.

Disqus 댓글 시스템을 사이트에 추가하면 사이트 속도에 영향을 미칠 수 있습니다. 저는 Light & Bold 워드프레스 테마 개발자가 추천해준 Disqus Conditional Load라는 플러그인을 사용해왔습니다. 이 플러그인은 디스커스 댓글을 지연 로드하여 사이트에 미치는 영향을 최소화합니다.

하지만 이 플러그인은 한동안 업데이트가 되지 않았고, 플러그인 개발자가 8월 말까지 업데이트를 공개하겠다고 했지만 그 약속이 지켜지지 않고 있습니다.

이 사이트에 사용 중인 Publisher라는 테마에도 자체 Disqus 플러그인이 있지만 약간의 버그가 있습니다. 어제 몇 가지 Disqus 플러그인을 설치하여 테스트해보고, 최종적으로 Disqus 댓글을 사용하지 않기로 결정했습니다. 대신 워드프레스 기본 댓글과 페이스북 댓글 시스템으로 변경했습니다.

페이스북 댓글 시스템

이 테마에는 자체 제작한 Facebook Comments 플러그인도 포함되어 있습니다. 외부에 괜찮은 페이스북 댓글 플러그인도 있는데, 굳이 자체적으로 개발하여 제공하는 것은 이해되지 않지만, 이왕 있는 것을 설치하여 테스트해보니 별문제 없이 작동하는 것 같습니다.

페이스북 댓글 시스템

위와 같이 기본 댓글과 페이스북 댓글을 동시에 달 수 있도록 표시됩니다. 표시 방법은 탭으로 표시하거나 기본 댓글을 먼저 표시하고 아래에 페이스북 댓글을 표시할 수 있는 적층형(Stacked) 두 가지가 있습니다.

Also post on Facebook(페이스북에도 게시) 옵션을 체크하여 댓글을 남기면 페이스북 계정에도 댓글이 함께 올라가므로 페이스북에 공유하기 버튼을 눌러 공유하는 것과 동일한 효과를 얻을 수 있습니다.ㅎㅎ

이 블로그에서는 Disqus 댓글을 직접 코드를 만들어서 추가했다가 이후에 여러 가지 플러그인을 사용했습니다. 그 때문인지 현재 구글에서는 Disqus 댓글이 제대로 검색이 되지 않고 있습니다. 기본 댓글로 바꾼 후에 구글에 댓글이 노출되는지 확인해 보아야겠습니다.

댓글 시스템을 여러 차례 바꾸면서 불편을 드리게 되었습니다. 이제는 별문제가 없으면 현재 댓글 시스템을 유지해볼 생각입니다.

※ 참고로 구글에서 Disqus 댓글을 인덱스하지만 완전하지 않은 것 같습니다. 부분적으로 인덱스한다는 분들도 있고, 저처럼 아예 구글에 노출되지 않는다고 하는 사용자들도 있고요.

*일부 글에 제휴링크가 포함될 수 있으며, 기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

19개 댓글
  1. Word 님의 말씀

    페이스북 댓글 이용자가 없어서 페이스북 댓글 기능은 비활성화했습니다.
    (또, 보안 플러그인을 하나 업데이트하니 페이스북 댓글 폼이 약간 틀어지네요. CSS로 조정하면 되겠지만…)

    아무래도 페이스북에 로그인해야 하므로 페북 계정으로 댓글을 다는 것이 부담이 되는 것 같습니다.

    –> 다시 활성화하고 페북 댓글 폼이 틀어지는 문제는 CSS로 임시로 조정했습니다.ㅎㅎ

  2. joo 님의 말씀

    다른 질문이 있어 댓글 남깁니다.
    제가 마음에 드는 소스를 발견했는데 이걸 워드프레스에 적용할려고 합니다.
    코딩지식이 없다보니 혼자 하다 결국 실패했네요.
    css만 적용효과가 있고 js는 반응이 없습니다.
    혹시 시간되시면 한번 봐주실수 있을까요?
    제가 functhion.php 에 적용 코드는
    function test() {
    wp_enqueue_script( ‘modernizr.custom.js’, get_stylesheet_directory_uri() . ‘/js/modernizr.custom.js’ );
    wp_enqueue_script( ‘imagesloaded.pkgd.min.js’, get_stylesheet_directory_uri() . ‘/js/imagesloaded.pkgd.min.js’ );
    wp_enqueue_script( ‘masonry.pkgd.min.js’, get_stylesheet_directory_uri() . ‘/js/masonry.pkgd.min.js’ );
    wp_enqueue_script( ‘classie’, get_stylesheet_directory_uri() . ‘/js/classie.js’ );
    wp_enqueue_script( ‘dynamics.min.js’, get_stylesheet_directory_uri() . ‘/js/dynamics.min.js’ );
    wp_enqueue_script( ‘abbey-load.js’, get_stylesheet_directory_uri() . ‘/js/abbey-load.js’ );
    wp_enqueue_script( ‘js/main.js’, get_stylesheet_directory_uri() . ‘/js/main.js’ );
    wp_enqueue_style( ‘demo1.css’, get_template_directory_uri() . ‘css/style1.css’);
    wp_enqueue_style( ‘normalize.css’, get_template_directory_uri() . ‘css/normalize.css’);
    }
    add_action( ‘wp_enqueue_scripts’, ‘test’ );

    소스 주소: https://tympanus.net/codrops/2016/06/15/interactive-record-player/

    1. Word 님의 말씀

      안녕하세요?

      js 파일을 enqueue하는 방법은 다음 글을 참고해보세요.

      https://www.thewordcracker.com/intermediate/how-to-load-js-files-in-wordpress/

      그리고 get_stylesheet_directory_uri와 get_stylesheet_directory_uri는 약간 다르게 사용됩니다. 다음 글에서 차이점이 설명되어 있으니 참고하세요.

      https://www.thewordcracker.com/scribblings/whats-the-difference-between-get_stylesheet_directory_uri-and-get_template_directory_uri/

      1. joo 님의 말씀

        답변 감사합니다.
        혹시 워드님은 위 소스를 적용시키면 정상으로 작동되시나요?
        저는 로드는 되는데 정상으로 작동하지 않네요…

      2. Word 님의 말씀

        안녕하세요?

        링크된 스크립트가 어떤 기능을 하는 스크립트인가요?

        (enqueue 방법 대신) 페이지 템플릿을 만들어서 스크립트 파일과 코드를 직접 넣어서 테스트해보시겠어요?

        페이지 템플릿을 만드는 방법은 다음 글을 참고해보세요.

        https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90%EC%84%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A7%8C%EB%93%A4%EA%B8%B0/

      3. joo 님의 말씀

        LP 음악 플레이어 입니다.

        위 주소 클릭하면 테모에서 보실수 있습니다.

        커스텀 페이지는 코딩지식없이 힘들거 같습니다.

        그냥 기본 페이지 만들어 JS,CSS적용해서 쓸려고 하는데 안됩니다.

      4. Word 님의 말씀

        그냥 루트에 올리면 별 문제 없이 작동하는 것 같습니다.
        스크립트를 분석하여 경로를 재지정해주면 되지 않을까 생각되네요.

        다음 사이트에 테스트로 올려보았습니다.
        http://wordcracker.cafe24.com/mp3.html

      5. joo 님의 말씀

        루트에 그냥 넣으면 되는데 워드프레스에 적용할려니 적용이 안됩니다.

        새 페이지 만들어 html 붙혀넣고 css,js 로드시켜서 하면 될줄알았는데 생각보다 안됩니다.

        css는 좀 깨지지만 JS는 아예 적용이 안되는거 같습니다.

      6. Word 님의 말씀

        테스트해보니 엉성해도 작동은 하는 것 같습니다.

        http://wordcracker.cafe24.com/player/

      7. joo 님의 말씀

        작동 하는군요.

        js는 어떤 방식으로 로드하셨나요?

        html은 그냥 복사해서 붙혀넣은건가요?

        저는 html 붙혀 넣었는데 icon 부분은 아예 인식이 안됩니다.

      8. Word 님의 말씀

        앞서 댓글로 말씀드렸듯이 페이지 템플릿을 만들고 페이지 템플릿 내에 js를 로드하는 코드를 복사했습니다.

        다른 테마에서 테스트해보니 레이아웃은 제대로 표시되지만 플레이어가 제대로 작동하지 않네요.
        테마에 따라 작동할 수도, 안 할 수도 있을 것 같습니다.

  3. 열매맺는나무 님의 말씀

    1. 네. 확인해보니 광고가 비활성화 되어있군요.
    2. 댓글에 다시 댓글을 달려했는데 창이 안열리네요. 팝업창 뜨도록 했는데 창이 안뜹니다.
    3. 댓글 쓰는 칸에 웹사이트 쓰는 난이 제가 댓글남길 때에는 없었는데 새로 생겼네요.

    1. Word 님의 말씀

      버그를 알려주셔서 감사합니다.

      테스트해보니 플러그인 중 하나가 문제를 일으키고 있네요.
      테마 개발자에게 지원을 요청해놓았습니다.

    2. Word 님의 말씀

      댓글 작성 폼을 조금 더 컴팩트하게 만들어보려고 웹사이트 URL 필드를 뺐다가 다시 추가했습니다.
      URL을 추가하면 다른 사용자가 (드물겠지만) URL을 클릭하여 이동할 수 있기 때문에 웹사이트 URL을 기입하고 댓글을 올리면 SEO에 도움이 될 것입니다.

    3. Word 님의 말씀

      제가 추가했던 코드 하나가 문제를 일으켰네요.

      테마 판매자에게 지원을 요청했다가, 갑자기 예전에 추가한 코드 하나가 원인인 것 같아서 삭제하니까 문제가 해결되네요.ㅎㅎ

      문제를 알려주셔서 감사합니다.

      즐거운 저녁 시간 되시기 바랍니다.

  4. 열매맺는나무 님의 말씀

    disqus 무료 사용자는 광고가 표시되나요? 제 블로그는 아직 적용 안되었나본데… 그렇게 되면 기본 댓글로 돌아가든지 아니면 젯펙을 사용하든지 해야겠군요.

    1. Word 님의 말씀

      다음과 같은 글이 있네요.

      As of March 2017, Disqus is now charging a monthly fee to remove advertisements from your WordPress comments. This is something that has always been free to disable in this past and is a pretty big change that will affect thousands of businesses and bloggers that rely on Disqus to power their comments.

      디스커스 광고가 잘 표시되지 않는 이유는… 조금 생각해보니 우리나라 사용자들을 대상으로 광고를 내는 광고주가 거의 없어서 그런 것이 아닐까 추정해봅니다. (단순히 제 생각입니다.)

      참고로 Ads 설정 페이지( https://disqus.com/admin/settings/ads )를 클릭하면, “Ads are currently deactivated. Activate ads now »”라고 표시되네요. 저는 플랜이 Basic이 아니고 Plus로 되어 있네요. 다만, Plus이기는 하지만, 소규모, 개인, 비상업용 사이트에 대하여 제공되는 Free 플랜이 있는 것 같습니다. 저는 Plus – Free를 구독하는 것으로 표시되어 있습니다.

      For small, personal, non-commercial sites who do not run any ads. This plan includes everything in Plus except Direct Email Support.

  5. 이카루스 님의 말씀

    개인적으로 스마트폰으로 블로그를 보고 하는데 댓글을 달고 싶어도 디스커스 로그인 때문에 많이 망설여지는 부분도 있어요..^^

    1. Word 님의 말씀

      Disqus는 로그인해야 하는 절차가 있어서 모바일에서는 조금 불편한 것이 사실인 것 같습니다.
      PC에서는 편리하게 댓글을 달 수 있는데 말입니다.

      Disqus가 광고를 추가하도록 정책을 변경하자 JetPack으로 바꾸는 분도 계시더군요. Disqus에서 광고가 표시되는 것은 거의 본 적은 없지만, 무료 플랜에서는 광고가 표시될 수 있는 것 같습니다.

      당분간 지금 상태로 유지해보려고 합니다.

댓글 남기기