약 40%의 웹 사용자가 애드블록을 사용하며, 이는 광고 수익을 크게 감소시킬
수 있습니다. RevIQ는 애드블록 사용자에게 사이트 지원을 요청할 수 있는
애드블록 API를 제공합니다.
이 API는 별도의 모듈로 제공되며, 추가 스크립트 태그를 사이트에 포함하는
것만으로 사용할 수 있습니다. 이 모듈은 빠르고 가볍게 설계되었으며,
gzip 압축 후 크기는 0.3 kB 미만이고 외부 종속성이 없습니다.
애드블록 API 래퍼 활성화
애드블록 API 모듈 코드를 웹페이지의 <head> 섹션에 추가하세요. 용도를
기억할 수 있도록 id를 지정해 두었습니다 :)
<script id="rev-adblock-api">
(function(){var e=`rev_adblock`,t=localStorage,n=atob(`aHR0cHM6Ly9wYWdlYWQyLmdvb2dsZXN5bmRpY2F0aW9uLmNvbS9wYWdlYWQvanMvYWRzYnlnb29nbGUuanM`),r=fetch(n,{method:`HEAD`}).then(e=>!(e.ok&&!e.redirected)).catch(()=>!0).then(n=>n&&(t[e]=!0)),i=globalThis.reviq||=[];i.checkAdblock=()=>r,i.onAdblock=e=>r.then(t=>t&&e()),i.push(n=>r.then(()=>t[e]&&n.setKv(e,1)))})();
</script>
애드블록 API 사용하기
참고: 이 함수들에는 명령 큐(reviq.push(cmd))를 사용하지
마세요. 이 함수들은 애드블록 API 모듈이 로드된 직후부터 항상
사용할 수 있습니다.
showAdblockModal이라는 함수가 있다고 가정합시다.
reviq.onAdblock(cb): 애드블록이 감지되면 콜백 cb를 실행합니다
reviq.onAdblock(() => {
// 애드블록이 감지된 경우에만 실행됩니다
showAdblockModal();
});
checkAdblock(): await가 필요하며, 애드블록이 감지되면 true, 그렇지 않으면
false를 반환합니다
// 애드블록 확인
const hasAdblock = await reviq.checkAdblock();
if (hasAdblock) {
showAdblockModal();
}
