안녕하세요 엘입니다 :)
매일 한걸음씩 목표를 향해 행동하며 나아가고 있어서 뿌듯한 오늘이에요.
오늘은 글로벌 소셜 댓글 서비스인( Social Commenting Service) DISQUS 를 블로그에 넣어보려고 하는데요.
구글링해서 해외 사이트에 들어갔을때 종종 보이던 이 화면 기억하시나요?
글로벌 소셜 커뮤니케이션 툴인 디스커스 설치법,
지금 소개합니다.
DISQUS 사용 이유/ 장점
저는 외국인을 대상으로 한 영어 아티클만 올라가는 블로그가 따로 있다보니
구글링을 통해 유입 되었을때, 티스토리 회원이 아니면서 외국사람들이 친숙한 자기 소셜 계정으로
로그인해서 활발하게 커뮤니케이션 할 수 있도록 이 서비스가 꼭 필요했어요.
티스토리는 스킨 HTML 을 직접 수정할수 있다는 장점이 있어서,
제공되는 프로그램 코드를 위치에 넣어주기만 하면 된답니다. :)
자, 이제 시작해볼까요?
DISQUS 설치 방법
1) 디스커스 가입후 삽입 코드 찾기
가입하는 법과 코드 찾는법은 사실 아주 쉬운데,
영어가 불편해서 잘 모르겠다! 하는 분들은 아래 포스팅을 참고하셔서 진행해주세요 :)
글로벌 소셜 댓글 DISQUS (디스커스)가입 방법 & 설치 코드 찾기
DISQUS 사용 이유/ 장점 저는 외국인을 대상으로 한 영어 아티클만 올라가는 블로그가 따로 있다보니 구글링을 통해 유입 되었을때, 티스토리 회원이 아니면서 외국사람들이 친숙한 자기 소셜 계�
dear-elle.tistory.com
2) 위 포스팅의 마지막 <코드 찾기> 화면을 보면 삽입할 코드가 2개 있을꺼에요.
DISQUS) 아래 화면의 첫번째 코드를 회색 상자안에 커서를 넣고 Ctrl+C 로 <복사하기> 해주세요.
3) 티스토리로 돌아와서 HTML 편집 화면을 켜주세요.
티스토리 블로그 관리 홈에서 왼쪽 메뉴중 <스킨 편집> 을 열어주세요.
화면 오른쪽에 내 티스토리 블로그에서 현재 사용중인 스킨이 나올꺼에요. <HTML 편집> 을 클릭해주세요.
3) 복사해둔 첫번째 코드를 아래 위치에 <붙여넣기> 해줍니다.
- HTML 화면 중 공란에 커서를 놓고 Ctrl + F (찾기 단축키) 를 눌러줍니다.
- </s_article_rep> 를 검색해서 위치를 찾아주세요.
(사실 어느 곳에 넣어도 상관없는데 저는 저부분에 넣어보겠습니다.
</> 는 닫는 명령어라서 스킨에 따라 해당 부분 앞뒤에 </div>등이 붙어 있는 경우가 있어요.
그럴때는 그 뒤쯤으로 위치를 잡아주세요.)
- 아래 부분에 긴 코드를 삽입하기 위해 스페이스 바로 엔터쳐서 공간을 만들어 주었어요.
- 그 부분에 첫번째 코드를 Ctrl+V 로 <붙여넣기> 합니다.
4) 나머지 다른 하나의 코드를 가지러 DISQUS 화면으로 갑니다. :)
화면의 두번째 코드를 회색 상자안에 커서를 넣고 Ctrl+C 로 <복사하기> 해주세요.
5) 다시 티스토리로 가서 두번째 코드를 삽입할 꺼에요.
- HTML 화면 중 공란에 커서를 놓고 Ctrl + F (찾기 단축키) 를 눌러줍니다.
- </body> 를 검색해서 위치를 찾아주세요. 바로 위에 넣을꺼에요.
</body> 위에 공간을 만들어 주고, 첫번째 코드를 Ctrl+V 로 <붙여넣기> 해주세요.
다 되었다면 마지막으로 <적용>을 눌러주세요.
6) 잘 되었는지 내 웹사이트의 포스팅을 눌러서 확인해줍니다.
잘 되었네요 :) 만족스러워요.
디스커스 DISQUS 의 경우, 한국어를 지원하고 있지 않아서 (2020 7월 기준)
현재 노마드엘의 티스토리 블로그에는 소셜 댓글 서비스인 <라이브리> 를 설치해두었어요.
티스토리에 디스커스가 설치된 영문 블로그와 라이브리 설치 방법 가이드는 아래 남겨 둘께요.
티스토리에 소셜댓글서비스 '라이브리' 설치하기 (플러그인)
혹시 나중에 추가로 등록할 사이트가 있다면 DISQUS 사이트 상단에서 이 버튼을 눌러서 추가해주면 되요.
Your Sites 아래에는 디스커스가 설치된 사이트 목록이 있어요.
함께 읽으면 좋은글
애드센스 수익 지급 계좌인증 오류 (PIN 번호 확인하는법)
구글 애드센스 비지니스 도메인 ( sellers.json 오류 등록)
티스토리 강좌
티스토리 강좌 10. 애드센스 광고 위치 수동 설정하기 (중간에 수동 광고 삽입하는법)
티스토리 강좌 09. 티스토리 블로그에 구독하기 버튼 띄우기
티스토리 강좌 08. 구글 애널리스틱스에 티스토리 블로그 등록하기
티스토리 강좌 07. 구글 써치콘솔(웹마스터)에 티스토리 블로그 등록하기
티스토리 강좌 06. 이전/ 관련 포스팅 링크거는 법 (플러그인)
티스토리 강좌 05. 티스토리 본문에 유튜브 영상 넣기
티스토리 강좌 04. 네이버 웹마스터에 티스토리 등록하는 방법
티스토리 강좌 03. 글로벌 소셜 댓글 DISQUS 설치 1단계_가입& 설치 코드 찾기
티스토리 강좌 02. 티스토리에 소셜댓글서비스 '라이브리' 설치하기
티스토리 강좌 01. 글로벌 소셜 댓글 DISQUS 설치 2단계_HTML 코드 삽입 및 플러그인 적용
'Entrepreneurship > Online Business Ideas' 카테고리의 다른 글
| 티스토리 강좌 04. 네이버 웹마스터에 티스토리 등록하는 방법 (0) | 2020.08.08 |
|---|---|
| 티스토리 강좌 03. 글로벌 소셜 댓글 DISQUS 설치 1단계_가입& 설치 코드 찾기 (0) | 2020.08.07 |
| 아마존 글로벌셀러) 셀러 등록 1단계_인증 및 Professional 등록절차 (0) | 2020.08.05 |
| 티스토리 강좌 02. 티스토리에 소셜댓글서비스 '라이브리' 설치하기 (0) | 2020.08.04 |
| 아마존 글로벌셀러) 온라인 해외 계좌 Payoneer 개설방법 (0) | 2020.08.04 |