기타/생활팁

[생활팁] BlockAdBlock을 이용해 광고차단 감지하기

코드아키택트 2021. 2. 5. 17:00
반응형

개요

 블로거들에게 수입은 중요하다. 나 같은 소수민족은 특히 광고 수입이 중요하다. 그래서 오늘은 안티 애드블록을 하는 방법을 알아보려 한다. 인터넷에서는 여러 방법을 소개하고 있지만 그중에 BlockAdBlock이라는 사이트를 통해 티스토리 접속자의 애드블록을 방지해 보겠다. 사이트 주소는 아래와 같다

blockadblock.com/

 

BlockAdblock | Stop Losing Ad Revenue

Stop losing ad revenue. Stop adblocking on your site today. BlockAdblock is the leading anti-adblock defense.

blockadblock.com

 

 

BlockAdBlock

 이름에서도 알 수 있듯이 애드블록을 블록 해주는 스크립트를 생성해주는 사이트이다. 우선 내 사이트를 기준으로 어떻게 뜨는지 예시를 보여야겠다.

 

광고차단 프로그램을 사용하면 나오는 메세지

 BlockAdBlock사이트에서 만들었다. 어떤 블로그에서는 그림을 넣기도 하던데, 방식을 시도해봤으나 작동하지 않아 이 사이트를 이용하기로 하였다.

 

 

 

세부 설정하기

 사이트에 들어가면 기본 메세지가 있지만 영어로 뜨기 때문에 이질적이다, 그러므로 한국말로 바꿔보자

 사이트에 접속하면 다음과같은 빨간 글씨들을 볼 수 있다. 이 위에 보면 here라고 쓰여있는 부분이 있는데 이쪽으로 접속한다.

 

 

 

각 부분 이해

 내 경우엔 모든걸 만지진 않았고 오직 두 가지만 만졌다. 하지만 대략 하나씩 훑고 지나가 보자.

 

 

Block Screen Settings

 어떤 모드를 할지 설정하게 된다. 블락 모드는 애드블록을 끌 때까지 계속 메시지를 보이는 모드이다. 실험해 봤을 때 내가 애드블록을 끄기 전까진 계속 애드블록을 끄라는 메시지가 나온다.

 Nag 모드는 설명에도 쓰여있듯 딱 한 번만 꺼달라는 메시지가 나오는 것이다. 일종의 징징이 모드라고 생각하면 되겠다.

 

 

Block Screen Delay

몇 초 뒤에 메시지를 띄울지 설정하는 부분이다. 전문적인 사이트에서는 시간 기반보다는 스크롤 기반을 많이 쓰는 것 같다. 예를 들어 페이스북이나 인스타그램의 경우 로그인하지 않고 접속할 경우 특정 스크롤 이하부터는 로그인 하라는 메세지가 뜨긴했다. 이 프로그램은 초 단위로 설정해서 메세지가 뜨도록 되어있다. 본인이 원하는 초를 설정하면 된다.

 

 

Block Screen Text

가장 중요한 부분이다. 어떤 메시지를 띄울지 설정하는 부분이다. 원래 프리뷰를 지원하는거 같으나, 내 컴퓨터에서 되지 않아 그림으로 설명해보겠다.

 각 부분이 다음과 같이 연결되어있다. 영어로는 메세지 후보군을 띄워주는데 한국어로는 없어서 본인의 창작능력이 중요하다.

 

 

Block Screen Display Options

 색상을 어떻게 할지 결정하는 부분이다.

 랜덤으로 돌리면 여러 가지 색상을 추천해준다. 본인이 원하는 색상을 선택하자.

 

 

BlockAdblock Branding

우리에겐 크게 중요하진 않다. 왼쪽 밑에 BlockAdblock의 로고를 띄울지 결정하는 창이다. 나는 그냥 넣었다

 

 

Legal Text Options

 왠지 법이 들어가면 지레 겁먹게 된다. 우리는 크게 신경 쓰지 않아도 되는 부분이다. 팝업 메시지에는 나오지 않고 소스 페이지 부분에 뜨는 메시지를 표시하는 부분이다.

 

 

Analytics Integration

구글 어날리틱스와 같은 프로그램과 연동할지를 결정한다. 애널리틱스 이벤트 중에 클릭, 페이지 뷰 등등 다양한 활동을 보여주는데, 애드블록을 하는지 여부도 보여줄 수 있게 해주나 보다. 아직은 나도 할 줄 모르니 그냥 적어놓기만 한다

 

 

생성 및 홈페이지에 붙여 넣기

 같은 페이지의 하단으로 내려가면 생성 버튼이 있다

생성버튼을 누른다

 

생성되었다.

 

이제 본인의 티스토리에 붙여 넣기 하면 된다. 대부분 아실 거라 생각하지만, HTML 편집을 위해선 관리 탭에서 꾸미기 -> 스킨 편집 -> HTML 편집으로 들어가면 된다.

오른쪽 하단의 HTML

그 후 body를 검색한 후 그 바로 아래 복사하면 된다. 팁이라면 나중에 본인이 넣은 스크립트가 무엇인지 필시 까먹게 되어있기 때문에 주석을 반드시 넣어주자.

 

 

 

끝맺으며

 오늘은 안티 애드블록을 설정하는 방법을 알아보았다. 누군가는 Acceptable Ads를 쓰면 애드블록의 필터링에 걸리지 않으니 그걸 쓰라고 하지만, 우리 같은 초짜들이 그런 광고를 어떻게 구해서 오는지 알리가 있나. 그 맥락에서 한 가지 재밌는 점은 네이버 블로그 광고는 애드블록에 걸리지 않는다는 점이었다. 애드핏 광고들도 안 걸리게 바뀌었으면 좋겠다.

반응형