(티스토리)블로그에 소셜 SNS 댓글을 달아보자. - 디스커스(disqus)

블로그에 티스토리 댓글뿐만 아니라 소셜 SNS 댓글을 달아 댓글을 작성할 수 있는 선택지를 늘려줄 수 있습니다. 소셜댓글의 종류는 사실 다양한데, 지금 까지 사용해오면서 가장 만족하고 스킨에 디자인도 위화감 없는 디스커스(disqus)에 대해 알아볼까 합니다.

디스커스 설정 방법

디스커스(disqus)를 티스토리에 등록하기 위해서는 몇 가지 단계가 필요합니다.

회원가입

먼저, 디스커스 홈페이지에 들어가서 회원가입을 진행해주셔야 합니다. 메인 페이지에 GET STARTED라는 버튼을 눌러주세요.

그리고 구글, 페이스북, 트위터 등으로 아주 쉽게 회원가입이 가능합니다. 

 

정보를 입력하면 아래와 같은 화면이 나오는데 여기서 I want to install Disqus on my site를 눌러주세요.

이제 본인의 웹사이트 정보를 입력해주시면 됩니다. 아쉽게도 한글 지원은 하지 않습니다.

이제 Create Site를 눌러주세요.

디스커스 코드 복사

여기까지 진행하셨으면 왼쪽 탭에 Install Disqus ➜ Select Platform에 들어가 주고 아래로 조금 내리면 아래와 같은 안내 버튼이 보이는데, 이곳을 클릭해주세요.

그러면 동영상과 함께 아래쪽에 코드가 나와있습니다. 이 부분을 그대로 복사해야 합니다.

티스토리 스킨 편집

코드를 복사하셨다면 디스커스(disqus)가 나타날 위치를 잡아주셔야 합니다. 

 

북스 킨 기준으로 <div class="comments"> 위쪽이나 아래쪽에 넣어주면 됩니다.

<!--북스킨 기본스킨 기준입니다-->
<div class="comment-form">
  <s_rp_member>
    <div class="field">
      <s_rp_guest>
        <input type="text" name="" placeholder="이름" value="">
        <input type="password" name="" maxlength="8" placeholder="비밀번호" value="">
      </s_rp_guest>
      <div class="secret">
        <input type="checkbox" name="" id="secret">
        <label for="secret" tabindex="0">비밀글</label>
      </div>
    </div>
  </s_rp_member>
  <textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
  <div class="submit">
    <button type="submit" class="btn" onclick="">등록</button>
  </div>
</div>
</s_rp_input_form>

 이쯤 추가

</s_rp>

또는, 기본 티스토리 댓글을 삭제하고 소설 댓글만 남겨놓으실 수도 있겠네요! 

 

이외에서 Setting에 들어가 보시면 다양한 옵션들이 존재하는데 그곳에서 디스커스 (disqus)설정을 직접 수정할 수 있습니다. 

---

오늘은 이렇게 티스토리에 소설 SNS 댓글 디스커스(disqus)를 다는 방법에 대해 알아보았습니다. 적용하시다가 막히는 부분이 있으시다면 언제든 댓글 남겨주세요.

 

읽어주셔서 감사합니다🤟