구글블로그 우클릭방지, 복사 방지 하기

구글 블로그의 우클릭/복사 방지 하기

구글 블로그에 스크립트를 추가하여 우클릭과 복사를 방지하는 기능을 추가하는 방법에 대해 알아 보겠습니다.

우클릭 방지 기능과 복사 방지 기능은 각각 기능별로 구분하여도 되고 하나로 합쳐서 넣어도 됩니다. 이 글에서는 하나의 스크립트에 넣어서 작성해 보겠습니다. 주석에 설명이 적혀 있으니 필요한 부분만 사용하셔도 됩니다.

HTML/자바스크립트 가젯추가

구글 블로그에는 자바스크립트나 css등 별도의 파일을 업데이트 하는 부분이 없습니다. 가젯을 추가해서 스크립트를 작성해 줘야 합니다.

가젯추가 하기

블로그 설정 > 레이아웃 으로 이동합니다.

가젯추가를 선택해 줍니다.

테마에 따라 가젯추가 메뉴가 여러군데 있을 수 있습니다. 아무곳에서 해도 상관 없습니다.

HTML/자바스크립트 선택

가젯추가를 선택하면 추가할 수 있는 가젯 리스트가 나옵니다.

HTML/자바스크립트 를 선택해 줍니다.

HTML/자바스크립트 구성 작성하기

아래 그림처럼 HTML/자바스크립트 구성창이 뜨게 됩니다.

1번 제목에는 제목을 작성해도 되고 안해도 됩니다. 제목을 작성하면 블로그에서 가젯이 위치한 부분에 해당 제목이 보여지게 됩니다.

2번 콘텐츠 부분을 작성해 보겠습니다.

우클릭방지, 복사방지 스크립트 작성

2번 콘텐츠에 아래 스크립트를 넣어 주세요.

//------------------------아래부터-------------------------------
<script type="text/javascript">
// -----------------------
// 우클릭 방지 기능
// -----------------------



  var message = "우클릭이 비활성화되었습니다.(우클릭 했을 때 띄워주는 메세지
  입니다.)";



// 인터넷 익스플로러용 처리
function clickIE4() {
    if (event.button == 2) {
        alert(message);
        return false;
    }
}


// 넷스케이프, 파이어폭스 등 다른 브라우저용 처리
function clickNS4(e) {

      if (document.layers || document.getElementById &&
  !document.all) {

        if (e.which == 2 || e.which == 3) {
            alert(message);
            return false;
        }
    }
}


// 브라우저에 따른 적절한 마우스 다운 이벤트 추가
if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = clickNS4;
} else if (document.all && !document.getElementById) {
    document.onmousedown = clickIE4;
}


// 모든 브라우저에서 우클릭 컨텍스트 메뉴 비활성화
document.oncontextmenu = new Function("alert(message);return false");


// --------------------------
// 복사/붙여넣기 방지 기능
// --------------------------


// onselectstart 이벤트를 인식하는 브라우저용 (주로 IE)
if (typeof document.onselectstart != "undefined") {
    document.onselectstart = new Function("return false");
} else {

      // onselectstart를 인식하지 않는 브라우저용 (예: 파이어폭스,
  크롬)

    document.onmousedown = new Function("return false");
    document.onmouseup = new Function("return false");
}
</script>
//------------------------여기 까지------------------------------

작성 완료/ 저장

작성이 완료 되었으면 저장해 주세요.

가젯 배치

가젯을 드래그 해서 원하는 위치로 배치해 줍니다.

저장 확인

설정 저장을 하고 확인해 봅시다.

저장해 준 뒤 블로그로 이동해서 우클릭을 해 봅니다.

게시글을 드래그 해 봅니다.

모두 잘 되죠?