관리 메뉴

플랫폼공작소 IT Blog

[1분 내로] 블로그에 애드블록 차단/감지 스크립트 넣는 방법 본문

플랫폼공작소 언론사/IT 꿀팁

[1분 내로] 블로그에 애드블록 차단/감지 스크립트 넣는 방법

솜픽(Sompic) 플랫폼공작소 2020. 4. 14. 15:13

안녕하세요. 인공지능 연구소 플랫폼공작소입니다.

업무 중에 갑자기 떠올라서 포스팅을 씁니다.

[1분 내로] 블로그에 애드블록 차단 스크립트 넣는 방법을 알려드립니다.

레알 간단함. 딱, 1분만 아래의 소스코드를 파악해보시고..

그냥 아래 코드를 복사붙여넣기!


1. 소스코드 공개!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
//애드블럭 안쓰는 유저.
function adBlockNotDetected() {
    alert('AdBlock is not enabled');
}
//싀발 애드블럭 쓰는 유저!
function adBlockDetected() {
    alert('AdBlock is enabled');
}
 
// We look at whether FuckAdBlock already exists.
if(typeof fuckAdBlock !== 'undefined' || typeof FuckAdBlock !== 'undefined') {
    // If this is the case, it means that something tries to usurp are identity
    // So, considering that it is a detection
    adBlockDetected();
else {
    // Otherwise, you import the script FuckAdBlock
    var importFAB = document.createElement('script');
    importFAB.onload = function() {
        // If all goes well, we configure FuckAdBlock
        fuckAdBlock.onDetected(adBlockDetected)
        fuckAdBlock.onNotDetected(adBlockNotDetected);
    };
    importFAB.onerror = function() {
        // If the script does not load (blocked, integrity error, ...)
        // Then a detection is triggered
        adBlockDetected(); 
    };
    importFAB.integrity = 'sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=';
    importFAB.crossOrigin = 'anonymous';
    importFAB.src = 'https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js';
    document.head.appendChild(importFAB);
}
</script>
cs


2. 티스토리 적용 결과물!

위 소스코드를 응용하면 아래처럼 작업하실 수 있습니다.

작업참고 URL : https://apost.kr/176


3. 작업내용 요약

HTML 코드
1
2
3
4
5
6
7
<div id="adblocktestdiv">
  <div class="adbanner"></div>
  <div class="adsbanner_message">
이 블로그는 애드센스 수익으로 운영되고 있습니다.<br/>
광고차단앱을 해제해주시면 블로그 운영에 큰 도움이 됩니다.
  </div>
</div>
cs


jQuery 코드

1
$('.adsbanner_message').show();
cs


CSS 코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.adbanner {
  background-color: transparent;
  height: 1px;
  width: 1px;
}
.adsbanner_message{
  display: none;
  margin-bottom: 20px;
  padding: 10px 10px;
  background: #f0f0f0;
  text-align: center;
  font-size:0.9em;
  line-height:1.1em;
  color: #666;
}
cs


궁금한 점은 댓글 남겨주세요~

좋은 포스팅 공유해주신 어포스트님께 감사인사드립니다.


reference : https://github.com/sitexw/FuckAdBlock

reference : https://apost.kr/176

광고 링크 : 플랫폼공작소플랫폼공작소TV쇼핑몰

0 Comments
댓글쓰기 폼