티스토리에 Disqus 설치하기. 멀티도메인에서 같은 thread 사용 방법 추가.

티스토리에 Disqus 설치 하는 것을 간단히 정리 해 봄. 예전에 계정은 만들어 뒀었기 때문에 처음 시작 하는 사람에겐 조금 다르게 나올 수도 있다.

https://disqus.com/ 사이트에 들어 간다.

아래 처럼 화면이 나타나면 GET STARTED 를 누른다.

I want to install Disqus on my site 를 누른다.

웹사이트를 생성한다.

플렛폼이 여러개 나오는데 티스토리는 없다.

아래쪽으로 스크롤 내려 보면

I don't see my platform listed, install manually with Universal Code

라는 것이 보인다. 눌러본다.

script 블록이 있는데 이걸 복사 한다.

티스토리 스킨 편집 메뉴로 가서 적당한 곳에 붙여 넣는다. 왼쪽 미리보기 화면에 있는 "새로고침" 버튼을 눌러서 잘 붙었는지 확인 한다.

disqus 로 돌아와서 설정을 마무리 한다.

팁. 멀티도메인 지원 하기

junho85.pe.kr 와 junho85.tistory.com 은 사실 같은 블로그인데 도메인만 추가한 형식이다. 그런데 기본 설정대로 세팅하면 disqus 가 다른 사이트로 인식해서 다른 comment thread 가 나온다. 그럴때는 주석 처리 되어 있던 아래 코드의 주석을 해제한다.

var disqus_config = function () {
this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};

그리고 PAGE_URL 대신 "http://junho85.pe.kr" + location.pathname; 를 넣고, PAGE_IDENTIFIER 대신 location.pathname 를 넣는다. 수정된 결과는 다음과 같다. 도메인이 바뀌더라도 설정에서는 http://junho85.pe.kr 도메인으로 인식시켜 주는 것이다.

var disqus_config = function () {
this.page.url = "http://junho85.pe.kr" + location.pathname;
this.page.identifier = location.pathname;
};