티스토리 인기글 감추기 삭제하기 (티스토리 모바일 스킨 인기글 제거하기)

티스토리 인기글 감추기 삭제하기 (티스토리 모바일 스킨 인기글 제거하기)

티스토리를 일정 기간 이상 운영하다 보면 단순히 콘텐츠를 생산하고 발행하는 것만으로는 관리가 완성되지 않는다는 사실을 자연스럽게 체감하게 됩니다. 특히 검색 유입이 많아질수록 경쟁 블로그에서 인기글 리스트만 골라 새로운 글을 작성하거나, 트래픽 흐름을 살피며 유입 구조를 모방하는 사례가 빈번해지며 블로그 운영 전략에 대한 고민이 깊어집니다. PC 버전에서는 인기글 위젯을 사이드바에서 끄거나 제거하면 되지만 모바일 티스토리는 전혀 다른 구조로 동작하기 때문에 사이드바 설정과 무관하게 인기글이 강제로 노출됩니다. 이때 문제는 인기글뿐 아니라 최근 7일 방문자수까지 공개된다는 점이며, 이는 경쟁 블로거나 악의적 크롤러에게 민감한 정보를 그대로 제공하는 꼴이 됩니다. 더 큰 문제는 모바일 스킨은 HTML 구조 접근이 불가능하고 CSS도 정상적으로 반응하지 않아 display:none 방식으로는 숨길 수 없다는 점입니다.

저 블로거는 유튜브 음악 추출 이런 컨텐츠 제공하다간 애드센스 해지나 계정 정지를 먹을 수 있다는 사실을 모르나봅니다.

어떤 사람들은 매 포스팅마다 스크립트를 넣어 해결하려고 시도하지만 이는 비효율적이며 SEO에도 부정적 영향을 줍니다. 이렇게 구조적으로 숨기기 어려운 모바일 인기글을 완전히 삭제할 수 있는 가장 실전적이고 안정적인 방법이 바로 ‘구글 아날리틱스 ID 입력 플러그인에 스크립트 삽입’ 방식이며, 이 글에서는 그 원리와 적용 전략을 체계적으로 정리하여 안내합니다.

티스토리 인기글 노출 문제의 구조

모바일 티스토리는 주소 뒤에 ' /m '을 붙여 접근하는 순간 별도의 모바일 템플릿을 강제로 불러옵니다. 이때 발생하는 핵심 문제는 다음과 같습니다.

• 모바일 스킨은 사이드바 설정과 무관하게 인기글 모듈을 자동 출력
• 인기글뿐 아니라 최근 7일 방문자수까지 함께 노출
• CSS display:none이 모바일 구조에서 적용되지 않음
• 스킨 HTML 편집기에서는 모바일 템플릿 코드 자체가 보이지 않음
• 포스팅마다 스크립트 삽입 방식은 비효율적이며 SEO에도 불리

결과적으로 인기글을 숨기려는 기존 방식은 정확히 다음 한계에 부딪힙니다.

• CSS 방식: 모바일에서는 먹히지 않음
• HTML 편집 방식: 모바일 템플릿 자체가 보이지 않아 접근 불가
• 포스팅별 삽입 스크립트: 반복 작업, 유지보수 부담, SEO 저하

PC 버전은 HTML 구조를 그대로 편집할 수 있기 때문에 비교적 간단하지만 모바일 스킨은 PC 스킨과 구조가 완전히 분리되어 있어 일반적인 편집 방식으로는 해결이 불가능합니다.

모바일 스킨에서 인기글 삭제가 어려운 기술적 이유

모바일 티스토리는 PC 스킨과 다른 내부 렌더링 구조를 사용합니다.

모바일 템플릿 특성

• 모바일은 별도의 템플릿 엔진 기반으로 렌더링
• 모바일 HTML은 스킨 편집기에서 제공되지 않음
• 모바일 사이드바는 PC와 독립된 구성
• DOM 생성 순서가 CSS보다 우선하여 display:none이 먹히지 않음

강제 출력되는 인기글 모듈

모바일 스킨 구조는 다음과 같은 흐름으로 동작합니다.

• 모바일 접속 → 모바일 템플릿 로딩
• 템플릿 내부 로직 → 인기글·최신글·방문자수 모듈 강제 삽입
• 스킨 CSS가 적용되기 전에 모듈 생성 완료
• display:none 적용 불능 및 HTML 접근 불가

이 때문에 CSS만으로는 절대 삭제할 수 없고, HTML 구조가 보이지 않아 편집도 불가능하며, 모바일 기준으로 동작하는 별도 자바스크립트가 적용되지 않으면 숨기기가 원천적으로 불가능합니다.

기존 방식들의 한계

일부 블로거들은 아래 방식으로 인기글을 숨기려 시도했습니다.

• CSS로 .cont_popular {display:none !important;} 적용
• 포스트마다 자바스크립트 삽입
• 스킨 HTML 일부를 변경해 우회하려는 시도

그러나 이런 방식은 모바일에서는 거의 효과가 없습니다.

• display:none은 구조 자체는 남아 있어 개발자 도구에서 그대로 노출됨
• 경쟁자가 인기글 목록을 그대로 볼 수 있음
• 포스팅마다 개별 스크립트 삽입은 비효율·실수 위험·중복 부담
• 모바일 렌더링 시점 문제로 script가 늦게 실행되어 실패하는 경우 발생
• SEO 측면에서 불필요한 스크립트 반복 삽입은 점수 저하 가능

따라서 구조적 문제를 해결하기 위해서는 모든 페이지에서 공통적으로 실행되는 코드가 필요하며, 이를 수행할 수 있는 유일한 위치가 바로 플러그인 영역입니다.

구글 아날리틱스 플러그인을 활용한 해결 전략

티스토리 플러그인 중 ‘Google Analytics ID 입력’ 플러그인은 원래 GA 추적 코드 삽입용이지만 내부 구조가 다음과 같습니다.

• 입력란에 입력된 텍스트가 그대로 스크립트 내부에 삿입
• GA는 모바일에서도 반드시 실행되어야 함
• 스킨 구조와 무관하게 페이지 공통 영역에서 실행

즉, GA 플러그인에 자바스크립트를 삽입하면 PC·모바일을 포함한 모든 페이지에서 자동으로 동작합니다.

실제 해결에 사용하는 코드

다음 코드를 아날리틱스 ID 입력란에 그대로 삽입하면 됩니다.

');</script><script>setInterval(function() { document.getElementsByClassName("cont_popular")[0].remove();});</script><script>('

코드 원리

• GA ID가 삽입될 자리에서 스크립트가 강제로 실행
• setInterval 사용으로 DOM 로딩 타이밍에 상관없이 반복 검사
• cont_popular 클래스를 가진 인기글 영역 탐지
• .remove() 메서드를 이용해 DOM에서 완전 삭제
• 삭제 후 개발자 도구에서도 흔적이 남지 않음

이 방식은 다음 장점이 있습니다.

• 모바일에서도 100% 동작
• 인기글은 물론 포스트 하단 인기글까지 통합 삭제
• display:none과 달리 요소 자체가 사라져 경쟁자가 구조 파악 불가능
• SEO에 영향 없음
• 스킨을 바꿔도 자동으로 유지
• 포스팅마다 스크립트를 삽입할 필요 없음

remove() 방식이야말로 가장 근본적인 삭제 방식입니다.

remove() 방식이 display:none보다 우수한 이유

remove()는 완전 제거, display:none은 숨김 처리입니다.

display:none의 한계

• HTML 내부 요소는 그대로 존재
• 개발자 도구에서 인기글 리스트가 그대로 노출
• 크롤러가 인기글 목록을 가져갈 수 있음
• 모바일은 CSS 우선순위 문제로 숨김 불가
• 유지보수 불편

remove()의 강력한 장점

• DOM에서 완전히 사라짐
• Elements 탭에서도 해당 UI 탐지 불가
• 경쟁 블로그가 인기글 구성을 파악할 수 없음
• 모바일 UI에서도 완벽히 제거
• 모든 페이지에서 자동 실행

콘텐츠 경쟁이 심한 환경에서 인기글 리스트는 민감한 전략 정보이며, 이를 노출하는 것은 블로그의 핵심 가치를 스스로 노출하는 행위와 다르지 않기 때문에 remove() 방식이 더욱 중요합니다.

적용 절차

티스토리 관리자 페이지에서 아래 순서대로 진행하면 됩니다.

• 관리자 페이지 접속
• 플러그인 메뉴 이동
• ‘Google Analytics ID’ 플러그인 활성화
• ID 입력란에 스크립트 전체 삽입
• 저장 → PC·모바일에서 적용 여부 확인

이 절차만으로 인기글 영역이 모든 페이지에서 완전히 삭제됩니다.

적용 후 점검해야 할 항목

인기글이 삭제되더라도 다른 요소는 남아 있을 수 있으므로 아래 항목도 함께 확인하면 좋습니다.

• 최신글 모듈 노출 여부
• 모바일 방문자수 표시 여부
• 모바일 자동 위젯 남아 있는지
• 검색 페이지(search/index)에서 인기글이 노출되는지
• 반응형 스킨 사용 시 캐시 잔존 여부
• 브라우저 캐시 삭제 후 적용 여부

일부 스킨은 방문자수 표시가 별도 모듈로 존재하므로 동일한 remove() 방식으로 함께 삭제 가능합니다.

결론

티스토리 인기글 감추기 문제는 단순한 화면 숨김의 문제가 아니라 블로그 운영 전략을 보호하는 중요한 작업입니다. 모바일 스킨은 구조적 특성 때문에 CSS나 HTML 편집만으로 해결할 수 없으며, 잘못된 방식으로 반복 스크립트를 사용하면 SEO 점수에도 악영향을 미칠 수 있습니다. 구글 아날리틱스 플러그인의 공통 실행 특성을 활용하여 자바스크립트를 삽입하는 방식은 모바일에서도 100% 작동하며, 인기글 리스트를 DOM에서 완전히 삭제해 경쟁 블로거와 악의적 크롤러의 정보 수집을 원천 차단할 수 있는 가장 안정적인 해결책입니다. 특히 북클럽 스킨처럼 구조가 복잡한 스킨에서도 동일한 효과를 보이며, 한 번 설정하면 전체 페이지에 자동 적용되는 점에서 실전성과 효율성이 매우 높습니다. 이 방식은 블로그의 콘텐츠 전략을 보호하고 경쟁력을 유지하는 데 결정적 역할을 하며, 장기적으로 안정적 운영 환경을 구축하는 데 큰 도움이 됩니다.