본문 바로가기
IT/티스토리 꾸미기

블로그 유저들을 위한 애드블록 사용 차단하기

by SmokyRed 2022. 6. 30.

 

온갖 지저분한 광고들을 차단해주는 애드블록은 분명 편리한 기능입니다.

광고 차단 프로그램을 사용하는 것이 이해가 안가는 것은 아니지만, 광고 노출을 통해 수익을 얻는 블로거 입장에선 상당히 신경 쓰이는 존재이기 때문에 애드블록을 사용 중일 경우 사이트 입장을 차단시켜버리기도 합니다. 

 

※ 애드블락 차단 코드는 광고 차단 프로그램이 버전업 되면 무력화 될 수 있습니다.

 

 

목차

     

     

     

     

     

     

     

     

     

     

    1. 애드블록 차단 코드 제공 사이트

     

    애드블록 차단 코드를 제공해주는 사이트입니다.

    아래의 링크를 클릭하여 사이트로 들어가 Set up now for free의 문장이 적혀있는 검은 버튼을 눌러주세요.

     

    https://blockadblock.com/

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    2. 애드블록 차단 창 커스텀

    버튼을 클릭하면 애드블록 차단 창 커스텀을 위한 메뉴가 등장합니다.

     

    Block Screen Settings

    Block Screen Delay

    Block Screen Text

    Block Screen Display Options

    BlockAdblock Branding

    Legal Text Options

    Analytics Integration

     

     

     

     

     

     

     

     

     

     

    첫 번째 커스텀 옵션인 Black Screen Settings입니다.

     

    Block Mode는 방문자가 무조건 애드블록을 사용 중지해야만 사이트에 입장할 수 있습니다.

    이 옵션을 사용하면 차단 창을 닫아도 계속 나타나게 됩니다.

     

    Nag Mode는 방문자가 사이트에 입장하기 전에 애드블록을 사용 중지해달라고 한 번만 요청하는 옵션입니다.

    애드블록 차단 창을 닫으면 더 이상 나타나지 않습니다.

     

     

     

     

     

     

     

     

     

     

    두 번째 커스텀 옵션인 Block Screen Delay입니다.

     

    애드블록 차단 화면이 나타나기까지의 시간을 설정할 수 있습니다.

    디폴트는 7초로 되어있는데, 디폴트 값으로 설정해 놓을 경우 7초 후에 애드블록 차단 화면이 뜨게 됩니다.

    0초부터 30초까지 조절해서 설정할 수 있습니다.

     

     

     

     

     

     

     

     

     

     

     

    세 번째 커스텀 옵션인 Block Screen Text입니다.

    애드블록 차단 창에 띄울 문장을 작성할 수 있습니다.

     

     

     

     

     

     

     

     

     

     

    네 번째 커스텀 옵션인 Block Screen Display Options입니다.

    애드블록 창의 색깔을 변경할 수 있습니다.

     

    Block Screen Background는 애드블록 차단 창 밖의 배경 색깔을 변경할 수 있습니다.

    Block Screen Text Color는 애드블록 차단 창의 텍스트 색깔을 변경할 수 있습니다.

    Block Screen Button Color는 애드블록 차단 창의 버튼 색깔을 변경할 수 있습니다.

    Block Screen Button Text Color는 애드블록 차단 창의 버튼 텍스트 색깔을 변경할 수 있습니다.

     

     

     

     

     

     

     

     

     

     

     

    나머지 커스텀 옵션인 

     

    BlockAdblock Branding, 

    Legal Text Options, 

    Analytics Integration은 따로 건드리지 않아도 전혀 지장이 없기에 무시하셔도 상관없습니다.

     

     설정이 완료되었다면 녹색 버튼을 눌러 코드를 발급받으실 수 있습니다.

     

     

     

     

     

     

     

     

     

     

     

    붉은 칸의 코드를 전부 복사합니다.

     

     

     

     

     

     

     

     

     

     

    3. 코드 적용하기

     

    티스토리 블로그 관리 페이지로 들어가 꾸미기의 스킨 편집 -> html 편집을 누릅니다.

     

     

     

     

     

     

     

     

     

     

    HTML 코드의 맨 밑으로 내려가 복사해둔 코드를 </body> 바로 위 쪽에 전부 붙여 넣습니다.

    이후 적용 버튼을 누르고 창을 닫습니다.

     

     

     

     

     

     

     

     

     

     

    애드블록 차단 창 설정이 적용되었습니다.

     

     

     

     

    요약

     

    1. https://blockadblock.com/ 사이트에 들어가서 Set up now for free라고 적혀있는 검은 버튼을 클릭한다.

     

    2. 원하는 대로 애드블록 차단 창을 설정한다.

     

    3. 설정이 완료되었다면 I'm Ready! Generate my custom BlockAdblock code! 버튼을 누른다

     

    4. 붉은 칸의 코드를 전부 복사한다.

     

    5. 티스토리 페이지 관리 -> 스킨 변경 -> html 편집창으로 들어간다 

     

    7. 복사해둔 코드를 HTML 코드 맨 밑쪽의 </body> 바로 위 쪽에 붙여 넣고 적용한다.

     

    8. 로그아웃하여 정상 작동되는지 확인한다.

     

     

     

     

     

     

     

     

     

     

    댓글