AtoM에 DISQUS 댓글입력시스템 붙이는 방법
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 제작사에 들어가서 계정을 만든 후 제공되는 스크립트를 적용하면 됩니다.
만약 사이트에 댓글을 달 수 있도록 하려면 별도의 개발이 필요한데 굳이 비용을 들여 개발할 필요 없이 간단히 이를 해결할 수 있는 방법이 있습니다.
바로 외부 댓글입력시스템을 가져다가 붙이는 것인데 우리가 늘 접하는 언론사나 신문사 사이트에서 볼 수 있는 댓글입력시스템으로는 국내의 경우 대표적으로 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 제작사에 들어가서 계정을 만든 후 제공되는 스크립트를 적용하면 됩니다.
Comments
PHP 재시작
$ sudo service php5-fpm restart
Nginx 재시작
$ sudo service nginx restart