웹사이트 콘텐츠 복사 제한하기

요즘 한국은 신경숙의 표절 시비로 난리가 아닙니다. 남이 작성한 콘텐츠를 제것인양 사용하는 국내의 정서가 불러온 결과입니다. 제 블로그의 글도 많은 복사가 이뤄져 이를 방지하고자 구글을 검색해봤더니 좋은 자바스크립트가 있어서 소개합니다. 

http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/

위 사이트로 가면 아래와 같은 코드가 있습니다.

 290 
<script type="text/javascript">
 291 
function addLink() {
 292 
    var body_element = document.getElementsByTagName('body')[0];
 293 
    var selection;
 294 
    selection = window.getSelection();
 295 
    var pagelink = "<br /><br /> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />Copyright &copy; c.bavota"; // change this if you want
 296 
    var copytext = selection + pagelink;
 297 
    var newdiv = document.createElement('div');
 298 
    newdiv.style.position='absolute';
 299 
    newdiv.style.left='-99999px';
 300 
    body_element.appendChild(newdiv);
 301 
    newdiv.innerHTML = copytext;
 302 
    selection.selectAllChildren(newdiv);
 303 
    window.setTimeout(function() {
 304 
        body_element.removeChild(newdiv);
 305 
    },0);
 306 
}
 307 
document.oncopy = addLink;
 308 
</script>

위 코드를 복사해 자신의 자바스크립트 파일에 붙여넣고 varpagelink 부분을 수정합니다. 이 부분은 복사한 사이트의 URL과 메시지가 출력되는 부분입니다. 제 경우는 아래와 같이 수정했습니다.

 272 
function addLink() {
 273 
    var body_element = document.getElementsByTagName('body')[0];
 274 
    var selection;
 275 
    selection = window.getSelection();
 276 
    var pagelink = "<br /><br /> 귀하는 복제를 금지하는 사이트에서 콘텐츠를 복사해 사용하려고 하고 있습니다. 이 콘텐츠를 블로그나 웹사이트 또는 인쇄물의 콘텐츠로 사용하면 저작권 문제로 처벌 받을 수 있습니다. : <a href='"+document.location.href+"'>"+document.location.href+"</a><br />Copyright &copy; 베누시안"; 
 277 
    var copytext = selection + pagelink;
 278 
    var newdiv = document.createElement('div');
 279 
    newdiv.style.position='absolute';
 280 
    newdiv.style.left='-99999px';
 281 
    body_element.appendChild(newdiv);
 282 
    newdiv.innerHTML = copytext;
 283 
    selection.selectAllChildren(newdiv);
 284 
    window.setTimeout(function() {
 285 
        body_element.removeChild(newdiv);
 286 
    },0);
 287 
}
 288 
document.oncopy = addLink;

복사맨이 내 사이트에서 복사를 하고 자신의 블로그에 붙여넣으면 이미지를 제외한 콘텐츠만 복사되며 하단에 위 메시지가 나타납니다.

실제로 테스트를 해봤습니다. 우측은 위 자바스크립트를 추가하지 않은 상태에서 복사한 콘텐츠입니다. 원본이 그대로 복사됩니다. 좌측은 글자만 나타나고 하단에 메시지가 나타납니다. 이 상태로 글을 발행할 복사맨은 없을 겁니다. 이미지도 복사해 추가해야 하는 번거로움이 발생하고 하단의 메시지로 인해 복사하면 처벌받을지도 모른다는 두려움 때문에 망설이게 됩니다. 조금이라도 양심이 있다면 "아 내가 헛수고 했구나" 하고 포기하게 됩니다. 그렇지 않고 복사를 강행하게 된다면 언젠가 닥칠 처벌의 두려움에서 벗어나지 못하는 잠못이루는 밤이 될 것입니다. 선택은 복사맨의 자유입니다.