광고

    ADBLOCK? ADSENSE?


    많은 블로거들은 블로그에 구글 애드센스를 달아놓고 있습니다.

    이용자 입장에서 본문을 가리고 정보를 얻는데 방해가 될 정도의 광고는 분명히 불편합니다.


    하지만 소소한 수입이 될 수 있는 애드센스는 블로거의 블로그 운영에 도움이 되는게 사실입니다.


    블로거와 이용자가 서로를 조금 양보하면 블로거는 수익을 올리기 위해 더 양질의 정보글을 올리고, 이용자는 더 좋은 정보를 얻을 수 있으니 이것이야말로 윈-윈 아닐까요?





    그런데 요즘 애드블록을 이용하는 이용자가 많은것도 사실입니다.


    이용자분들에게 조금 불편한 소식이 될 수 있으나, 이 애드블록을 막는 방법을 알려드릴까 합니다.







    애드블록의 작동원리

    요즘 애드블록도 종류가 꽤 많습니다. AdBlock, Ublock (Origin 포함) 등등..

    하지만 다양한 애드블록도 작동원리는 생각보다 간단합니다.


    애드블록 프로그램마다 가지고있는 필터를 이용해서 광고를 차단합니다.

    이 필터들은 프로그램마다 자신들만의 특정 문법으로 만들어집니다. 그리고 만들어진 필터는 txt파일로 저장됩니다.


    html 안의 광고가 있다면, 필터인 txt파일에서 필터링을 진행하고, 필터에 있는 목록일 경우 css를 생성하여 display:none; 속성을 자동으로 걸어줍니다. 결론적으로 사용자는 필터에 걸린것들을 볼 수 없게됩니다.










    애드블록을 막는 아이디어

    위에서 본 애드블록의 작동원리를 이용하여 역으로 애드블록을 막아봅시다.


    거의 대부분의 애드블록 필터에 있는게 있습니다.

    바로 구글 애드센스 요소 중 하나인 ".adsbygoogle" 이죠. 애드블록 필터는 adsbygoogle이 포함된 모든것들을 display:none; 속성을 걸어버립니다.


    이걸 어떻게 이용할까요?


    바로 핵심적인 컨텐츠 내용에 adsbygoogle 클래스를 적용한다면 애드블록에 의해 그 컨텐츠 내용이 가려질 것이고

    사용자는 컨텐츠 내용에 접근할 수 없게됩니다.








    .


    안티 애드블록 건설 방법

    저는 가장 핵심적인 컨텐츠인 본문 내용을 볼 수 없게 만들어보겠습니다.


    1) 블로그의 HTML/CSS편집 설정으로 들어갑니다.




    티스토리의 본문을 보여주는건 [##_article_rep_desc_##] 입니다.


    이 본문을 보여주는 article_rep_desc를 adsbygoogle 클래스로 묶어줍시다.


    <div class="adsbygoogle">

    [##_article_rep_desc_##]

    </div>



    2) 본문이 애드블록으로 인해 보이지 않을경우 메시지를 나타내야죠?


    바로 위에서 adsbygoogle 클래스로 입력한 부분 바로 앞에 adblock-on 클래스를 이용하여 입력해줍니다.


    <div class="adblock-on"> 애드블록이 켜져있을때 나올 메시지, 이미지 </div>

    <div class="adsbygoogle">

    [##_article_rep_desc_##]

    </div>







    저의 경우 저 메시지 부분에 위 이미지를 띄워 사용하고 있습니다.






    3) 애드블록이 발견되지 않았을 경우 위 메시지를 보여주면 안되겠죠?


    HTML/CSS 편집에서 HTML 부분에


    jquery 스크립트가 있다면 jquery 스크립트 아래에 아래 내용을 추가해주세요.

    jquery 스크립트는 아래에 있는 파란색 소스입니다. 이 소스가 있다면 소스 아래 바로 아래 5줄만 추가하면 됩니다.


    <script>

    if ($("div.adsbygoogle").css('display') != 'none') { 

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

    </script>



    jquery 스크립트가 없다면 아래 내용을


    </body> 바로 위에 추가해주세요.


    <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>


    근데 보통 jquery는 거의 다 있을거에요.







    적용모습

    • 애드블록이 발견되지 않았을 경우



    • 애드블록이 발견되었을 경우


     위 과정을 차근차근 따라했다면 같게 보일겁니다.






    결론

    사실 이 글을 올려야하나 말아야하나 고민했습니다.
    어차피 얼마되지도 않는 광고 수입을 위해 이렇게까지 해야하나 싶기도 하고
    블로그를 운영하지 않는 사용자의 경우 괜시리 거부감을 가질수도 있는 내용이기도 하죠.

    ("감히 사용자가 광고를 보기싫어서 애드블록을 설치한건데 그게 싫어서 본문내용을 막는다고?!" 할수도 있죠)

    블로거와 인터넷 사용자 모두 서로 조금씩 양보를 한다면 이렇게까지 강제로 막지 않아도 될지 모르겠습니다.
    외국의 경우 좋은 정보를 얻었다면 광고를 클릭해주는 인터넷 문화가 있다고 하더라구요!
    우리나라에도 정착이 되어 위와같은 방식을 사용하지 않아도 되길 바라며
    글을 마쳐봅니다.


    UPDATE: 스크립트를 이용하여 차단하는 방법도 올렸습니다. 아래 관련글을 참고해주시기 바랍니다.


    저작자 표시 비영리 변경 금지
    신고


    죄송합니다

    광고 차단 플러그인을 해제해야 컨텐츠를 볼 수 있습니다.
    (해제 후 새로고침 해주세요)

    I'm really Sorry.
    Please turn off Adblock.

    광고


    Posted by 퍼스나콘
    • 있슈
      2015.05.03 05:40 신고

      허락없이 해당글의 링크를 센스코리아에 공개했습니다. 몇몇 분이 어려움을 겪으시는 것 같아서요~:)

      저는 아직 수익형 블로그를 운영하고 있지 않지만, 오래전부터 개인블로그를 운영해 본 결과...
      동기부여를 위해 애드센스는 정말 중요한 것 같더군요. 어떤 동기부여가 없으면 애써 컨텐츠를 생산하고자 하는 노력이 생기지 않으니까요.

      무분별한 광고가 문제이지, 블로그에 엄격하게 적용되는 3개의 광고도 못 보겠다는 이용자의 심보 또한 곱지는 않은 것이 사실입니다.
      저 역시 uBlock을 이용하고 있지만 퍼스나콘님 블로그와 다른 한곳만 본문 블라인드 되는 것을 목격하게 됐습니다.
      이 방식이 가장 합리적인 것 같더군요.
      암튼... 저도 수익형 블로그를 운영하게 되면 퍼스나콘님 소스를 가져다 적용해 보겠습니다. 꾸벅~:)

      • Favicon of http://persnacons.tistory.com BlogIcon 퍼스나콘
        2015.05.03 06:06 신고

        아니에요 괜찮습니다~

        저도 HTML 거의 못다루는 수준인데 구글링해서 참고해가면서 이것 저것 바꿔보니까 작동에 성공했고 공유하고자 하는 마음에 올린거랍니다.
        공유해주시면 저야 좋죠 ㅎㅎ

    • Favicon of http://mileu.tistory.com BlogIcon 미르32
      2015.05.03 11:43 신고

      아직 광고를 달지는 않지만..(다음 모바일 광고만 하고 있습니다!) 좋은 정보 감사합니다._.

    • Omnislog
      2015.05.11 07:23 신고

      좋은 아이디어 감사하며 모바일에도 해당이 되는지 알고 십습니다.?
      좋은하루 되세요.

    • Favicon of http://rinus.tistory.com BlogIcon 피플
      2016.03.26 15:43 신고

      데탑에선 잘 작동하는데 모바일에서는 위의 차단 그림과 글씨가 보이지 않는데 이유가 무엇일까요. 퍼스타콘님의 블로그는 모바일에서도 메세지가 잘 보이는데 말이죠

      • Favicon of http://persnacons.tistory.com BlogIcon 퍼스나콘
        2016.04.17 21:37 신고

        모바일은 브라우저마다 처리 순서가 다른 경우가 있습니다.

    • 글쌔요
      2016.04.19 12:04 신고

      광고차단 플러그인을 해제해야 볼수있다는 문구보면서 댓글달고있습니다만.. 전 절대로 광고차단없이 사이트를 이용할 생각이 단 1g도 없습니다. 대부분의 광고차단기능사용하는 사람들은 들어왔다가 그냥 나가버리겠죠...

    • 항상 애드블록
      2016.04.22 01:54 신고

      저는 애드블록을 일종에 백신처럼 예방 차원으로 생각합니다 광고 한번 잘못 보다가 평생 자료가 날라갈수 있는 상황인지라.(랜섬웨어 주의)
      랜섬없던 시절은 그까짓 광고야 보고말지 인데.. 지금은 무섭네요 10년이상 모은 자료라던가 예식장 사진들 아기사진들 날라가면 정말 난감해서..
      솔직히 위에처럼 광고 해제해야 볼수 있다고 경고 나오면 그냥 다른 사이트로 갑니다. 낚시 사이트도 많아서 해제하기 무섭거든요
      그래도 이런 좋은 정보를 그냥 공짜로 얻기도 죄송하고 페이팔이나 다른 방식으로 기부를 유도하는 쪽이 좋지 않을까 생각합니다.

    • ㅁㄴㅇ
      2016.06.07 12:57 신고

      정작 이게시물은 애드블록 꺼야 볼수있다는 함정 ㅋㅋㅋ 이거 볼려다가 랜섬걸릴듯

      • Favicon of http://hackya.com BlogIcon hackYa
        2016.07.25 15:52 신고

        adblock 은 수십개나 되고, 사제 adblock 을 만들어서 쓰셔도 됩니다.

        adblock 이 어느 한종류가 있는게 아닙니다.

        저는 adblock 킨 상태에서 이 페이지 글 잘 보고 있습니다. ^^;;;

    • Favicon of http://kr-free.com BlogIcon KR-FREE
      2016.08.03 16:31 신고

      잘 사용하고 있습니다

    • 애드블록은백신이다
      2016.09.30 14:03 신고

      ublock 쓰시는 분들은 ublock->설정->보조필터 탭->광고 목록에 있는 필터들 다 체크하시고, 변경사항 적용버튼(1시방향에있음)을 누르면 요 방법은 통하지 않게 됩니다. 참고하세요

    • Favicon of http://aasxcwd.tistory.com BlogIcon 트라샤
      2016.12.05 11:53 신고

      혹시말이죠 애드블록이 아닌 유튜브 구독버튼을 누르지 않는다면 글이 안보이게 할 수 있나요? 구독버튼을 눌렀다면 글이 보이게요

광고

data-ad-language="ko">

티스토리 툴바