본문 바로가기

JavaScript

애드블록 탐지하기, detect adblock

애드블록 탐지하기, detect adblock

내 블로그에도 애드센스를 달아놨고 최대한 글 읽는데는 방해하지 않는 수준에서 배치하려고 신경을 쓰고는 있지만 

나도 여기 들어오면서 애드블록을 끄지 않는다. ㅋㅋㅋㅋ 


그러나 나같은 쩌리 개인블로거와는 달리 사업자들에게 애드블록이 치명적인 타격이 되는 것임엔 확실하다. 

유료서비스는 싫고 광고도 싫다는 이기적인 사용자들을 부드럽게 유인해내야 하는 것이다. 


온라인 포토샵에디터인 pixlr 에서는 아래와 같은 경고창을 띄우기도 한다. 

이게 매번 뜨니까 귀찮고 안쓰러워 화이트리스트에 추가하게 된다. 


이 밖에도 애드블록이 켜져있으면 컨텐츠 자체가 보이지 않는다던가,

dcinside처럼 애드블록 꺼주세요 라는 귀여운 멘트로 유혹하는 등

여러 방식으로 애드블록 사용자들을 회유하곤 한다.


이 사이트들은 애드블록을 사용중인지 어떻게 알고 있는 것일까?

detect.js

detect.js를 사용해 adblock을 탐지하고, 사용중이면 어떻게 처리할 것인지 고민해볼 수 있다. 
detect.js는 탐지만 할 뿐 탐지되었을 때와 아닐 때의 로직은 직접 구현해야 한다. 

공식 깃헙이나 페이지를 찾을 수 없어서 아래 링크로 대체한다. 라이센스는 BSD-3으로 무료다. 


사용은 굉장히 심플하다.
1
2
3
4
5
6
7
8
window.adblockDetector.init({
    found: function () {
        alert('adblock 작동중이시네요!');
    },
    notFound: function () {
        alert('사용중이 아니시군요!')
    }
});
cs

음.. 내 블로그에도 적용해볼까 하다가 그냥 안할란다. 

가끔은 애드블록 끄고 봐주세요 :)