블로그스팟(구글블로그)에서 원하는 게시글만 혹은 전체글 복사 방지 설정 방법

블로그스팟(Blogspot)을 운영하다 보면 특정 게시글의 콘텐츠를 보호하고 싶을 때가 있습니다. 모든 글에 복사 방지를 적용하는 방법도 있지만, 원하는 게시글에만 선택적으로 설정하고 싶을 때도 있습니다. 블로그스팟에서 원하는 게시글에만 복사 방지 태그를 추가하는 방법과 전체 글에 일괄적으로 적용하는 방법까지 공유드리겠습니다. 

1. 원하는 게시글에만 복사 방지 설정하는 방법

모든 글에 일괄적으로 적용하지 않고, 원하는 게시글에만 글의 복사 방지를 하고 싶다면, 아래와 같은 방법으로 하시면 됩니다.

• 태그 삽입 위치 : 알기 쉽고 구분하기 쉽도록, 원하는 게시글의 HTML 맨 하단에 삽입하세요. CSS와 JavaScript는 위치에 크게 영향을 받지 않아 하단에 있어도 문제없습니다

 

▲ 원하는 게시글의 HTML보기를 눌러줍니다.

---

<style>
  .post-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
</style>
<script type="text/javascript">
  document.querySelector('.post-body').addEventListener('copy', function(e) {
    e.preventDefault();
    alert('이 콘텐츠는 복사할 수 없습니다. 개인적인 용도로만 사용해주세요!');
  });
</script>

---

 

위 태그를 원하는 게시글의 HTML 맨 하단에 그대로 붙여 넣어주시면 됩니다. '이 콘텐츠는 복사할 수 없습니다. 개인적인 용도로만 사용해주세요!' 이 문구는 사용자마다 원하는 메시지로 수정하면 됩니다. 

역할 : 이 CSS 코드는 게시글 본문(.post-body)에서 텍스트 선택을 차단합니다. 사용자가 마우스로 드래그하거나 Ctrl+A로 전체 선택을 시도해도 텍스트가 하이라이트가 되지 않습니다. JavaScript 코드는 사용자가 게시글 본문에서 복사를 시도(Ctrl+C 등)하면 복사를 차단하고 경고 메시지를 띄웁니다.

 

동작 방식 : .post-body는 블로그스팟에서 게시글 본문을 나타내는 클래스입니다. user-select: none 속성은 브라우저가 텍스트 선택을 막도록 지시하며, 크롬, 사파리, 익스플로러, 엣지, 파이어폭스 브라우저에서도 호환성에 문제가 없습니다.

 

• 장점

선택적 적용 : 원하는 게시글에만 복사 방지를 설정할 수 있어 유연합니다.

SEO 친화적 : 속도 저하가 거의 없어 구글 검색 순위에 영향을 주지 않아요.

간단한 구현 : 코드를 복사해서 붙이기만 하면 끝이라 초보자도 쉽게 따라 할 수 있습니다.

• 단점

완벽한 보호 불가 : 기술에 익숙한 사용자는 스크린샷이나 소스 보기로 콘텐츠를 가져갈 수 있어요.

반복 작업 필요 : 매번 보호하고 싶은 글에 코드를 추가해야 하니 번거로울 수 있습니다.

 

2. 전체 페이지에 복사 방지 적용하는 방법

블로그스팟의 레이아웃 메뉴에서 HTML/JavaScript 가젯을 추가하면, 해당 코드가 블로그의 모든 페이지에 삽입됩니다. 이렇게 하면 모든 게시글에 복사 방지 기능이 적용됩니다.

적용 방법

 

• 블로그스팟 로그인합니다.
• 왼쪽 메뉴에서 레이아웃을 클릭합니다.
• '+가젯 추가' 버튼을 누르고, HTML/JavaScript를 선택합니다.
• 가젯 설정 창이 열리면
  제목 : 비워두거나 "복사 방지" 같은 이름 입력
  콘텐츠 : 아래 코드를 붙여 넣습니다.
• 저장을 누르고, 가젯을 원하는 위치(예: 사이드바나 푸터)에 배치합니다.
• 블로그를 새로고침하여 확인합니다.

---

<style>
  .post-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
</style>
<script type="text/javascript">
  document.querySelectorAll('.post-body').forEach(function(element) {
    element.addEventListener('copy', function(e) {
      e.preventDefault();
      alert('이 콘텐츠는 복사할 수 없습니다.');
    });
  });
</script>

---

모든 게시글에 한 번에 복사 방지가 설정돼서 반복 작업이 필요 없어 편리합니다. 가젯 하나만 수정하면 전체 설정이 바뀌기 때문에 원하지 않을 때는 가젯의 눈 모양을 꺼두면 됩니다. 가젯에 삽입해도 위 CSS와 JavaScript 태그가 가볍기 때문에 로드 속도에 큰 부담이 없습니다. 

실제로, 태그를 적용한 후 pagespeed에서 성능을 체크해 보니 변함이 없었습니다. 

 

마무리하며

블로그스팟에서 특정 게시글에만 선택적으로 복사 방지를 적용하거나, 전체 블로그에 일괄적으로 적용하는 방법을 살펴보았습니다. 원하는 방식에 따라 코드를 삽입하면 간단하게 콘텐츠 보호 기능을 활성화할 수 있습니다.

원하는 게시글에만 적용하려면 HTML 모드에서 직접 코드를 삽입하면 되고, 전체 블로그에 적용하려면 HTML/JavaScript 가젯을 추가하면 됩니다. 두 가지 방법 모두 CSS와 JavaScript를 활용하여 텍스트 선택 및 복사를 제한하는 방식이므로, 블로그 속도나 SEO에 영향을 거의 주지 않습니다.

다만, 이러한 방식으로도 완벽한 보호는 어렵습니다. 스크린샷을 찍거나 개발자 도구를 활용하면 콘텐츠를 가져갈 수 있기 때문입니다. 따라서 중요한 글이라면 저작권 표시를 명확하게 하거나, 워터마크를 추가하는 등의 보완 방법을 함께 고려하는 것이 좋습니다.

 

티스토리 구글 애드센스 연동방법과 승인신청 방법

 

네이밍을 만들어주는 AI naimy 무료사이트 소개

 

구글 애드센스 정산받을 계좌 등록 방법

 

애드센스 PIN 번호 등록 및 문제 해결 가이드