티스토리 모바일 광고 제거 방법 4종 스토리 글 및 바로가기 배너 숨기기

한동안 티스토리 모바일 광고 문제로 시끄러울 줄 알았습니다. 하지만 생각했던 것과 다르게 조용합니다. 모바일 웹에 광고가 게재되는 사실을 모르는 것인지 티스토리 포럼은 고요하기만 합니다. 애드센스 승인 받고 맞구독 요청 하는 것이 더 중요한가 봅니다. 한 치 앞도 내다보질 못하는 것인지 답답합니다.

티스토리 모바일 웹

현재 노출되고 있는 카카오 서비스 배너와 티스토리, 브런치 스토리, 카카오 스토리 3종의 스토리 글 링크는 광고가 아니라고 말 할 수 있습니다. 광고가 아니라고 하는 이들은 아마도 다른 관점으로 보고 있기 때문일 것입니다. 아시다시피 관점이 다르면 다르게 생각할 수 밖에 없습니다.

 

티스토리 모바일 광고

카카오 서비스 배너 등 내가 원해서 설정한 것이 아닌 것들은 모두 광고라고 생각합니다. 운영자 입장에서는 모두 티스토리 모바일 광고 입니다.

블로그 글 및 스킨 영역에 다른 블로그 글이 링크 되거나 외부 서비스 글이 표시 되려면 운영자가 직접 링크 하거나 배너 광고 이미지 등을 삽입해야 합니다. 내가 설정한 것이 아님에도 불구하고 노출된다면 광고 아니면 해킹입니다.

해킹된 사실이 없고 내가 직접 링크한 것이 아니라면 남는 것은 하나 입니다. 광고죠.

티스토리 모바일 광고 (링크 광고, 배너 광고 등)는 내가 운영 블로그에 노출 되는 것이지만 나에게 관리 권한이 없습니다. 티스토리가 노출 시키고 싶은 위치에 원하는 글을 노출 시킬 수 있습니다. 내 블로그와 전혀 무관한 콘텐츠들이 노출되더라도 해결할 방법이 없습니다. 더군다나 내가 수익을 배분 받는 것도 아닙니다.

아파트로 치면 집 현관문의 호수판 옆과 배란다 창문 아래쪽에 “중국 본토 훠궈 돈가스 맛집 팬더곰 여친 성인식 이벤트 가성비 맛집 추천”, “올 여름 MZ 세대 대유행 할 후방 패션 언더붑 하의 실종 패션 룩북”, “요즘 핫한 발레코어룩 ❤ 남친 이벤트 의상 구입. 2박 3일 여행가서 진행 예정 💞 가평 이벤트 펜션 추천” 등의 광고 전단지가 붙여져 있는 것과 같습니다.

광고 전단지의 내용은 매번 바뀝니다. 위치도 언제든 변경될 수 있습니다. 무엇보다 광고 전단지는 당신 마음대로 떼어 낼 수 없습니다.

비활성 옵션을 주던가 아니면 수익을 배분해 줘야 하는데요. 티스토리도 카카오도 다음도 전혀 그럴 마음이 없습니다.

예전의 티스토리 모바일 광고 게재 사건 기억하시는 분들이 있을 것입니다. 티스토리는 십 여 년 전에도 사용자 동의 없이 모바일 웹 스킨에 광고 등을 추가했었습니다. 차이라면 그 때는 반발이 정말 심했습니다. 티스토리 블로거들의 거센 항의로 인해 광고를 떼어 낼 수 밖에 없었습니다.

초기에 티스토리는 자유롭게 편집할 수 있다고 광고하며 사용자를 모았습니다. 그런데 어느 날 갑자기 자기들 멋대로 광고를 게재했습니다. 뒤집어 질 수 밖에 없었죠. 참고로 당시에는 광고 게재와 관련된 약관이 없었습니다.

 

광고 위치 및 종류

(현재까지는) 티스토리 모바일 광고 노출 영역은 3곳입니다.

티스토리 모바일 광고 영역

  • 헤더 상단의 “3종 스토리 서비스 바로 가기 링크”
    • 메뉴 접기 아이콘을 누르면 서비스 바로 가기 3종 리스트 표시
  • 푸터 부근의 “스토리 홈 배너”
    • 화면 위치가 본문 하단 부근에 도달하면 스토리 바로 가기 플로팅 배너 표시
  • 카테고리 다른 글 더 보기 아래의 “함께 볼만한 스토리”
    • 카테고리 다른 글 더 보기와 이 블로그 인기 글 사이에 3종 스토리 콘텐츠 랜덤 노출
  • 함께 볼만한 스토리 하단의 “스토리 바로가기 배너 (고정)”
    • 함께 볼만한 스토리와 이 블로그 인기 글 사이에 스토리 바로 가기 고정 배너 노출

이 4종의 티스토리 모바일 광고 요소들은 노출 면적으로 보면 화면 두 개 정도 크기입니다. 이 크기면 애드센스 멀티플랙스 광고 8칸 짜리 삽입할 수 있습니다. 잘 정리해서 넣으면 336 x 300 크기의 애드센스 광고 4개 가량을 삽입할 수 있습니다.

공감을 못하거나 이해를 못할 수 있는데요. 4개의 애드센스 광고 수익이면 정말 큰 금액입니다. 물론 위치에 따라 차이가 있습니다. 눈에 잘 띄는 곳에 배치하면 더 큰 수익이 발생합니다.

티스토리 모바일 광고 제거

헤더 상단 3종 스토리 바로가기 링크 제거

주황색 티스토리 로그 우측 부근에 펼침 아이콘을 누르면 스토리 홈 바로가기, 브런치스토리 바로가기, 카카오스토리 바로가기 링크 목록이 펼쳐집니다.

펼침 아이콘이 보이지 않게 숨겨 버리면 3종 스토리 바로가기 링크 목록을 펼쳐 볼 수 없습니다.

[data-react-app=StoryServices] {display: none;}

CSS에 위의 한 줄 추가해 주면 V 모양 펼침 아이콘을 보이지 않게 숨길 수 있습니다.

본문 하단 영역 플로팅 스토리 배너 제거

일정 시간 또는 특정 위치 또는 특정 요소에 도달하면 이벤트를 발생 시킬 수 있습니다. 이를 통해 방문자가 페이지 특정 위치에 도달하면 광고 배너를 띄울 수 있습니다.

하단 영역에 표시되는 티스토리 모바일 광고 배너는 간단하게 보이지 않게 숨길 수 있습니다.

.StoryBanner {display: none;}

CSS에 위 소스 추가하면 스토리 바로 가기 플로팅 배너를 보이지 않게 숨길 수 있습니다.

참고로 플로팅 광고는 외국 사이트에서 많이 사용하는 기법인데요. 선택 또는 확인 버튼을 클릭하기 전에는 창을 닫을 수 없도록 만든 것들이 많기 때문에 개인적으로는 정말 싫어 합니다.

쿠기 관련 배너일 경우는 그나마 조금 이해가 되는데요. 다짜고짜 특정 사이트로 이동하여 가입하라고 띄우는 팝업은 이해할 수 없습니다.

닫을 수 없는 플로팅 배너 띄우고 사이트 가입하라는 경우도 있습니다. 네이버 블로그처럼 알맹이 없는 글로 키워드 낚시질하여 방문자들에게 사이트 가입하라고 합니다. 여러 도메인으로 이 짓을 하고 있는 경우도 있습니다. 이런 사이트 및 블로그는 알맹이 없이 키워드로 낚시질 하는 것이기 때문에 어차피 얻을 정보도 없습니다. 검색 결과에서 보이지 않게 블럭 시켜 버리는 것이 좋습니다.

함께 볼만한 스토리 콘텐츠 목록 제거

블로그 본문 하단 영역 이 블로그 인기 글 위에 티스토리 블로그, 브런치 스토리, 카카오 스토리 3종의 스토리 콘텐츠 목록이 노출됩니다. 이 영역에는 스토리 홈 바로가기 고정 배너 광고도 포함되어 있습니다.

함께 볼만한 스토리 콘텐츠 영역 확인하기

함께 볼만한 스토리 콘텐츠 또한 손 쉽게 숨길 수 있습니다.

참고로 브라우저 개발자 도구를 이용하면 손 쉽게 웹페이지의 구조 및 스타일 요소 등을 확인할 수 있습니다.

CSS를 이용하여 티스토리 모바일 스킨의 함께 볼만한 스토리 영역 숨기기

#story-contents-box-root-container {display: none;}

위의 소스 한 줄을 CSS에 추가하면 함께 볼만한 스토리 목록이 표시되는 영역 자체가 보이지 않게 숨겨집니다. 해당 영역 내에 스토리 바로 가기 고정 배너가 위치 하기 때문에 함께 보이지 않게 숨겨 집니다.

위의 소스는 티스토리 스킨 편집의 CSS에 추가 하는 것이 아닙니다. 별로의 스타일 파일을 만들고 플러그인을 통해 모바일 웹에 CSS를 적용 시킵니다.

티스토리 모바일 광고 소스 텐핑 플로그인 이용 적용

  1. 파일 탐색기 또는 바탕화면에서 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 열리면 새로 만들기 > 텍스트 문서를 선택합니다.
  3. 텍스트 파일을 열고 소스 내용을 입력한 후 저장합니다.
  4. “새 텍스트 문서.txt” 파일 이름과 확장자를 “파일명.css “형식으로 변경합니다.
    • 예시 tistory-mobile-web.css

  1. 티스토리 관리 페이지에 방문합니다.
  2. 메뉴에서 꾸미기 > 스킨 편집 > Html 편집 > 파일 업로드로 진입합니다.
  3. 파일 업로드 화면에서 하단 추가 버튼을 클릭하고 준비한 “tistory-mobile-web.css” 파일을 업로드합니다.

스타일 파일 티스토리 스킨 첨부 파일에 업로드

  1. 파일 목록에서 스타일 파일을 선택한 상태에서 마우스 오른쪽 버튼으로 클릭합니다.
  2. 컨텍스트 메뉴가 열리면 링크 주소 복사를 선택합니다.

  1. 아래 소스의 “스타일 파일 경로”를 클립 보드에 저장된 경로로 대치합니다.

<link rel="stylesheet" href="스타일 파일 경로">  <!-- 예시 -->

  1. 티스토리 관리 페이지에서 플러그인 메뉴를 클릭합니다.

티스토리 텐핑 모바일 플러그인

  1. 플러그인 목록에서 텐핑 (마바일) 플러그인을 찾아 클릭합니다.

텐핑 플로그인 광고 코드 입력 창에 티스토리 모바일 광고 제거 스타일 삽입

  1. 텐핑 플로그인 설정 창이 열리면 광고 코드 입력란에 완성된 스타일 파일 소스를 추가합니다.

<link rel="stylesheet" href="https://tistory1.daumcdn.net/tistory/1/skin/style.css"> <!-- 예시 -->
  1. 소스 입력을 마쳤다면 적용 버튼을 클릭하여 플로그램 설정을 저장합니다.

운영 중인 블로그의 게시물을 모바일 웹(예시 : notice.tistory.com/m/2643)으로 열어 확인 합니다.

  • 헤더 영역 티스토리 로고 우측의 펼침 아이콘
  • 본문 하단 영역 스토리 홈 배너 (플로팅)
  • 카테고리의 다른 글 하단 영역 함께 볼만한 스토리 목록
  • 이 블로그 인기 글 상단 스토리 홈 바로가기 배너 (고정)

3줄을 모두 추가하였다면 4가지 요소들이 모두 보이지 않아야 정상입니다.

스타일 파일에서 동일 한 내용을 설정할 때에는 요소 부분만 나열해 주면 됩니다. 쉼표로 구분할 수 있으니 감추고 싶은 요소 부분의 선택자 명을 쉽표로 구분하여 추가하면 됩니다.

#story-contents-box-root-container, .StoryBanner, #popular-cont, [data-react-app=StoryServices] {display: none;} /* 예시 */

너그러운 마음으로 바라보면 다른 티스토리 글은 “그럴 수 있지” 정도로 넘어 갈 수 있습니다. 하지만 브런치 스토리와 카카오 스토리는 어림 없습니다. 카카오, 다음, 티스토리는 어떻게 생각할지 모르겠지만 티스토리 블로거들에게는 그저 외부 사이트일 뿐입니다.

이 외부 사이트들에게 트래픽을 나눠줄 이유가 없습니다. 트래픽 뺏겨 도메인 점수 뺏겨 게다가 이 영역에 노출되는 티스토리 글은 모바일 주소(tistory.com/m/)로 링크 되기 때문에 검색 최적화에 마이너스 요소로 작용할 것입니다.

스토리를 통한 유입이 늘면 검색 사이트에서 문제가 발생되기 시작할 수 있습니다. 심각할 경우엔 색인 생성 페이지가 바뀔 수도 있습니다.

티스토리 모바일 인기글 숨기기

보너스입니다. 티스토리 블로그 인기 글 목록도 숨길 수 있습니다.

티스토리 모바일 스킨에 표시되는 이 블로그 인기글 숨기기

티스토리 모바일 웹에는 인기 글 목록이 표시 됩니다. 이를 통해 최대 7개의 인기 글을 확인할 수 있습니다. 방문자 유입 많은 7개의 글이 노출 되기 때문에 정말 쉽게 키워드를 강탈 당할 수 있습니다.

블로그마다 다르긴 하지만, 마음만 먹으면 조회수의 씨를 말려 버릴 수도 있습니다.

완전히 막는 것은 불가능하지만 일단 쉽게 확인할 수 없도록 숨길 수 있습니다.

#popular-cont {display: none;}

인기 글 목록을 쉽게 확인할 수 없도록 하는 방법도 있긴 있습니다. 티스토리에서 제공하는 특정 플러그인을 이용하면 모바일 웹에 접근할 수 없도록 설정할 수 있습니다. 이 방법은 기회가 되면 별도의 게시물로 정리하여 소개하겠습니다.

티스토리 모바일 광고 서막

장담하는데요. 지금 노출되고 있는 티스토리 모바일 광고 지금 막지 못하면 가까운 미래에 반드시 후회하게 될 것입니다.

성과를 떠나 티스토리 모바일 광고 머지않아 추가 조치가 취해질 것입니다. 광고 배너 크기를 크게 키우거나 플로팅 광고 창을 닫지 못하게 하거나 더 좋은 위치로 이동할 것입니다. 심할 경우에는 모바일 웹과 PC 웹을 분리하여 모바일에서는 기본적으로 모바일 웹 스킨을 사용하게 할 것입니다.

저는 분리 후 모바일 웹 사용을 강제할 것이라고 예상하고 있습니다. 모바일 기기로 방문하면 무조건 tistory.com/m/ 모바일 주소로 리디렉션 할 것으로 보고 있습니다.

  • 영리 기업이 사용하지도 않는 것을 만들리 없습니다.
  • 만들어 놓고 유지만 할 리 없습니다.
  • 결국 때가 되면 수익 창출을 하게 될 것입니다.

무엇보다 카카오가 가만 있을 리 없습니다. 이미 오래 전에 수익 창출에 시동을 걸었고, 약관까지 개정된 상태입니다. 참고로 잠시이긴 하지만 모바일 웹에 대한 비활성 권한을 부여했던 시기가 있었습니다.

카카오는 티스토리를 이용하여 열심히 수익을 창출할 것입니다. 블로거가 티스토리와 애드센스를 이용하여 열심히 수익을 창출하고 있는 것 처럼 말입니다.

또 처음으로 공개하는 것이겠죠. 12년 전에도 티스토리 모바일 광고 및 실시간 이슈 노출 방법을 공개했던 일이 있습니다. 기억하기론 제가 처음 공개했었던 것으로 알고 있는데요. 이번에도 아마 제가 처음으로 공개하는 것일 것입니다. 티스토리 모바일 스킨 개편 스토리 가족같은 환대에 이전 결심했고 그리고 실행에 옮겼거든요. 약관이 변경되어 티스토리 블로거들은 이제 관련 팁을 공개할 수 없거든요. 끝~

2 thoughts on “티스토리 모바일 광고 제거 방법 4종 스토리 글 및 바로가기 배너 숨기기”

Leave a Comment