• 회원가입
  • 로그인
  • 구글아이디로 로그인

[money] 애드블럭 차단 방법 (=애드블럭 유저에게 콘텐츠를 숨기는 방법) (Anti-adblock Know-how) ★★★★★

5,703  
※ 애드블록 (AdBlock) : 크롬이나 파이어폭스에서 애드센스 같은 광고 배너를 차단시키는 확장 프로그램 툴.



[기본 작동 원리]
애드블럭이 아래 클래스 발견 시 display="none" 속성 줘 광고 숨기는 걸 역이용한 것입니다.
즉, 광고를 숨기려 할 경우, 콘텐츠에도 동일한 클래스를 부여해 함께 숨겨버리는 방식이죠. 


방법1 - 숨기려는 콘텐츠 요소에 googleAd 클래스 추가

class="googleAd"    

(예) <div class="googleAd"> 




방법2 - 숨기려는 콘텐츠 요소에 adsbygoogle 클래스 추가

class="adsbygoogle"  

(예)  <div class="adsbygoogle">




 방법1:  애드블럭 사용시 콘텐츠 숨기고, 다른 내용 보여주기 


1.
숨기기 처리한 요소 바로 위에 아래 파란색 소스 추가

<div class="adblock-on"> 애드블록 사용 시 보일 내용 </div>
<div class="adsbygoogle"> 애드블록 사용 시 숨길 콘텐츠 </div>



2.
<div class="
adsbygoogle"> 요소가 display=none 속성이 아닌 상태면 (=즉, 애드블럭 사용 중 아니면),
 class="
adblock-on" 요소를 제거.

<script>
if ($("div.adsbygoogle").css('display') != 'none') { 
$(".adblock-on").remove(); 
</script>

※ adsbygoogle 클래스를 이용해 콘텐츠 숨긴 경우 가정.
만약, googleAd 클래스 사용시 googleAd 클래스 사용해야 함.



3.
위 코드를 기존 jQuery 코드 바로 밑에 아래처럼 추가. (보통, head.sub.php 파일에 있음) 
※ 홈피에 따라 jQuery 버전 다를 수 있음. 만약, 제이쿼리 파일이 없다면, 검정색 소스까지 추가.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--[if lte IE 8]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <![endif]-->
<script>
if ($("div.adsbygoogle").css('display') != 'none') { 
$(".adblock-on").remove(); 
</script>


 

 

예제


<div class="content-wrap adsbygoogle" id="content">

   애드센스

</div>


<div class="adblock-msg">

<div>광고 차단 플러그인(AdBlock) 꺼주세요. ㅜㅜ</div>

</div>

 

 

<script>

if ($(".content-wrap.adsbygoogle").css('display') != 'none') {

    $(".adblock-msg").remove();

}  

</script>

 

 

 

 

 

 방법 2 - 애드블럭 끄고 사용하도록 얼럿창 띄우기 


※ 주의
아래 핑크색 코드 없이 먼저 넣어 테스트 해보시고,
안 되면 jquery 파일 서버에 올린 후 아래처럼 링크 추가.

제이쿼리 파일 버전은 꼭 아래 버전일 필요 없으면,
제이쿼리 파일 링크가 여러 개일 경우 에러날 수 있으니 주의 !!



1.
body 태그에 class="googleAd" 추가 (맨 위 참고)


2.
<head> 태그 안에 아래 코드 추가

<script type="text/javascript" src="<?php echo G5_URL?>/js/jquery-1.8.3.min.js"></script>

<script>

$(document).ready(function(){

    if($(".googleAd").height() > 0) {

        //alert('No AdBlock :)');

        

    } else {

        alert('애드블럭 끈 후 새로고침 해주세요.\n사이트 유지 너무 힘들어용.ㅜㅜ \n알찬 정보로 보답할게요.\n감사합니다.');

        

    }

});

</script>



또는

<script>
<script type="text/javascript" src="<?php echo G5_URL?>/js/jquery-1.8.3.min.js"></script>

$(document).ready(function(){

   if($(".googleAd").height() == 0) {

       alert('애드블럭 끈 후 새로고침 해주세요.\n사이트 유지 너무 힘들어용.ㅜㅜ \n알찬 정보로 보답할게요.\n감사합니다.');

   }

});

</script>




분류 제목 조회
게시물이 없습니다.
목록
찾아주셔서 감사합니다. Since 2012