구글 블로그 복사 방지 및 특정 텍스트만 허용하는 방법(CSS활용)

How to disable copying text on blog except for specific text

 이 포스트는 CSS 코드를 이용하여 블로그 글 복사방지하는 방법과 특정 텍스트만 복사 허용하는 방법을 설명한다.

 일반적으로 블로거들이 무단 복사방지를 위해서 자바스크립트로 텍스트 선택을 못하게 하거나 마우스 우클릭을 방지한다. 하지만 이 방법에는 몇 가지 문제점이 있다. 소스 코드 또는 특정 텍스트를 공유하기 위한 글인 경우 소스 코드마저도 복사를 막아 방문자의 인내심을 시험하게 한다. 희소성 있는 정보가 아닌 이상 방문자들은 1초의 망설임도 없이 다른 블로그를 찾아 떠날 것이고 다시 방문하는 일은 없을 것이다. 다른 문제로는 자바스크립트 복사방지는 해제하기 쉬워 쉽게 무력화될 뿐 아니라, 심지어 인터넷에 "블로그 복사방지 해제"라고 검색하면 관련 글 수십 개 정도는 쉽게 접할 수 있다.

CSS코드로 블로그 복사방지 및 특정 텍스트만 복사 허용하는 방법

 아래와 같은 절차로 포스트 내용 중에 방문자에게 공유하고 싶은 것만 공유하고 나머지는 복사방지 설정할 수 있다.
1. 블로거 로그인 > 블로그 좌측 메뉴에 테마 > 맞춤설정 > 고급 > CSS 추가 선택한다.

2. 아래 코드를 복사해서 붙여 넣는다.

/*--Disable copying Text but not Specific Text with CSS Code--*/
.post blockquote {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

3. 저장하면 모든 셋팅은 완료된다.

4. 블로그 글을 작성할 때 <blockquote> 복사 가능한 텍스트 </blockquote>와 같이 입력하면 해당 텍스트는 아래와 같이 선택 및 복사가 가능하다.

복사 가능한 텍스트

※주의사항
 만약 위 코드를 복사했는데 올바르게 동작하지 않는다면, 현재 사용하는 템플릿이 다른 CSS class를 사용하고 있는 것이기 때문에 .post blockquote를 .post-body blockquote으로 바꿔 입력해야 한다. 또한 당연히 이전에 입력한 자바스크립트 복사방지 코드가 있다면 삭제해야 한다. 자바스크립트가 글 전체를 복사방지하고 있기 때문에 공유하려는 텍스트도 복사방지된다.

CSS코드로 텍스트 전부 복사 방지하는 방법

 공유하는 텍스트 없이 전부 복사방지하고 싶다면 아래 코드만 CSS에 복사해서 붙여넣기만 하면 된다.

/*--Disable copying Text with CSS Code--*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

자바스크립트로 블로그 텍스트 복사 방지하는 방법

 위 CSS 코드를 입력했다면 필요 없지만 자바스크립트로 복사 방지하는 방법도 있다는 것을 참고한다.

<!--Disabe Copy Paste--- TB-->
<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

 자바스크립트보다는 CSS 코드를 사용하는 것을 추천하고 싶다. CSS 코드는 자바스크립트보다 로딩 시간이 더 빠르며 자바스크립트는 상대적으로 더 시간이 걸리기 때문에 자바스크립트를 많이 사용한 블로그는 더 느릴 것이다. 그리고 블로그 글을 무단 복사하는 도둑들은 자바스크립트로 복사방지가 돼있는 블로그 포스트를 브라우저 옵션에서 단순히 자바스크립트 코드를 비활성화 시키고 쉽게 복사해 간다.

 코드상으로 복사방지를 한다고 해도 모든 경우의 수를 막을 수 있는 것은 아니다. 저작권법 책임을 묻거나 여러 가지 방법과 도구가 있지만, 우선이 되어야 하는 것은 사람과 사람 간의 도리와 예의가 되어야 되지 않을까 생각한다.