얼마전에 영어공부와 관련된 사이트 개설해서, 운영하고 있습니다.

컨텐츠 개발과 운영 비용 등을 위해서, 컨텐츠 뷰어 페이지에 광고가 있는데요,

요새 광고 차단 플러그인 등이 많아져서, 실제 방문하는 사용자에 비해, 광고 노출이 너무 적어서 고민하던 차에, AdBlock 을 차단하는 자바 스크립트 프로젝트가 있어서 테스트 해보고 잘 작동하여, 팁을 나누고자 합니다.

제가 적용한 곳은 사이트의 게시판 등의 일반 페이지는 아니고, 실제 영어 공부를 하는 뷰어에 올려서 테스트 해 보았습니다.

github: https://github.com/sitexw/BlockAdBlock 에서 필요한 javascript 파일을 다운받아서 서버에 올려 놓은 다음

광고 차단기를 차단할 페이지에 다음과 같은 스크립트를 추가합니다.

//서버에 올려둔 자바 스크립트 위치

<script src="http://mozabooks.com/wp-includes/js/blockadblock.js"></script>

<script>

// Adblock blocking

// Function called if AdBlock is not detected

function adBlockNotDetected() {

    //alert('AdBlock is not enabled');

}

// Function called if AdBlock is detected

function adBlockDetected() {

    //차단할 html 태그의 id 값을 사용합니다.

     var element = document.getElementById("content");

     element.innerHTML = '<br /><br /><p style="text-align: center;"><font size="5"><font color="red">죄송합니다.</font><br /><br /><br /> 광고 차단 플러그인(AdBlock 등)을 해제해야 컨텐츠를 볼 수 있습니다.</font></p>';

 

}

 

// Recommended audit because AdBlock lock the file 'blockadblock.js' 

// If the file is not called, the variable does not exist 'blockAdBlock'

// This means that AdBlock is present

if(typeof blockAdBlock === 'undefined') {

    adBlockDetected();

} else {

    blockAdBlock.onDetected(adBlockDetected);

    blockAdBlock.onNotDetected(adBlockNotDetected);

    // and|or

    blockAdBlock.on(true, adBlockDetected);

    blockAdBlock.on(false, adBlockNotDetected);

    // and|or

    blockAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);

}

</script>

광고 수익을 목적으로하는 컨텐츠형 블로그나 사이트에서 유용할 듯합니다.

개인이 AdBlock 플러그인을 설치하는 것이 자유입니다만,

양질의 컨텐츠를 주요 수입원으로 하는 블로거나 사이트 운영자 분들도 있기에 필요시에는 이런 방법도 있다는 것을 알리고자 글을 씁니다.(저도 생각도 못하다가, 필요해서 구글링 하다가 발견했습니다.)

감사합니다.