AtoM에 DISQUS 댓글입력시스템 붙이는 방법

이승일 · October 2015

AtoM에는 댓글입력시스템이 별도로 제공되지 않습니다.
만약 사이트에 댓글을 달 수 있도록 하려면 별도의 개발이 필요한데 굳이 비용을 들여 개발할 필요 없이 간단히 이를 해결할 수 있는 방법이 있습니다.
바로 외부 댓글입력시스템을 가져다가 붙이는 것인데 우리가 늘 접하는 언론사나 신문사 사이트에서 볼 수 있는 댓글입력시스템으로는 국내의 경우 대표적으로 LiveRe가 있습니다.
외산으로는 Disqus가 있는데 국내에서는 LiveRe 보다는 사용자가 많지 않지만 사용자가 점점 늘어나는 추세입니다.
그런데, 두 가지를 모두 테스트해본 결과 이식성은 LiveRe 보다 Disqus가 더 우수했습니다.
여기서는 DISQUS를 AtoM에 붙이는 방법을 알려드립니다.
언론사 사이트의 경우엔 댓글시스템을 보통 기사 밑에 붙이는 경우가 많습니다.
AtoM은 기록이 중심이므로 계층별로 등록되어 있는 기록물의 기술요소 밑에 붙이면 됩니다.
댓글입력시스템을 이식하기 위해선 AtoM 디렉토리 중 아래의 경로에 들어있는 PHP 페이지를 직접 수정해야 합니다.

위치 : /var/www/atom/apps/qubit/templates/layout_3col.php

아래와 같은 방식을 사용하시면 됩니다.

1. 에디터로 PHP 파일 열기
sudo nano /var/www/atom/apps/qubit/templates/layout_3col.php

2. <?php include_slot('after-content') ?> 라인 바로 밑에 아래의 디스커스 삽입용 스크립트를 입력


<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'hmarchives';

/* * * 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="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>


3. 저장

4. 사이트에 반영되었는지 확인
* 주의 : 위의 Disqus 스크립트는 인간과기억아카이브 사이트용 스크립트이므로 외부 기관이나 개인이 사용하려면 Disqus 제작사에 들어가서 계정을 만든 후 제공되는 스크립트를 적용하면 됩니다.

안대진 · November 2015

Disqus 사이트에서 스크립트 만드는 방법

참고 URL: https://help.disqus.com/customer/portal/articles/466182-quick-start-guide

1) Disqus 사이트 접속(http://disqus.com)

2) 회원가입(Sign up)

3) 상단 우측 Settings버튼 클릭 > Add disqus to Site 클릭

4) 상단 우측 Install on Your Site 클릭

5) Site profile 작성 (사이트명, URL, 카테고리 적당히 영문으로 작성)

6) Choose your platform > Universal Code 선택

7) 1번 박스에 스크립트 생성되어 있음 > 스크립트 복사하여 AtoM 서버의 layout_3col.php 파일 안에 붙여넣기

(참고) Nginx 서버 설치한 경우 layout_3col.php파일 경로는 아래와 같음

/usr/share/nginx/atom/apps/qubit/templates/layout_3col.php

안대진 · November 2015

스크립트 붙여넣어도 댓글기능 추가되지 않는 경우

PHP 재시작
$ sudo service php5-fpm restart

Nginx 재시작
$ sudo service nginx restart

AtoM에 DISQUS 댓글입력시스템 붙이는 방법

Comments