티스토리 인기글 감추기 삭제하기 (티스토리 모바일 스킨 인기글 제거하기)
티스토리를 운영하다 보면 콘텐츠 작성뿐 아니라 ‘정보 노출 관리’가 중요하다는 사실을 자연스럽게 깨닫게 됩니다. 특히 최근 몇 년 동안 블로그 세계에서는 인기글을 통해 경쟁자의 핵심 키워드를 추적하고, 그대로 벤치마킹해 글을 생산하는 사례가 급증했습니다. 블로그가 잘되면 잘될수록 구독자라는 이름을 단 익명 경쟁자들이 ‘어떤 글이 잘 나가고 있는지’ 파악하려고 들어오는 일이 흔합니다. 문제는 이 인기글 목록이 PC에서는 숨김 처리가 가능하지만, 모바일 티스토리 스킨(m 접속)에서는 강제로 노출된다는 점입니다. 심지어 최근 7일 방문자수까지 표시해 실질적인 유입량 데이터가 외부에 공개됩니다. 블로그 스킨 설정에서 모바일 스킨 사용을 꺼도 ‘/m’으로 접속하면 반드시 모바일 버전이 뜨고, 인기글은 숨길 수 없습니다. CSS display:none 방식도 작동하지 않고, 스킨 HTML에서도 모바일 전용 요소는 접근이 불가능합니다. 이런 이유로 많은 블로거가 매 포스팅마다 자바스크립트를 직접 삽입해 인기글을 숨기곤 했지만, 이는 번거롭고 SEO에도 불리하며, 유지관리도 어렵습니다.
본문에서는 이러한 문제를 근본적으로 해결할 수 있는 ‘가장 확실한 방식’을 설명하며, 모바일 티스토리에서 인기글을 완전히 삭제하는 방법을 정리합니다. 핵심은 구글 아날리틱스(GA) 플러그인을 활용한 스크립트 삽입으로, 모바일 스킨에서도 100% 작동하며 반복 삽입이 필요 없고 remove() 방식으로 완전 삭제되어 개발자 도구에서도 흔적 없이 제거된다는 점입니다.
티스토리 인기글 노출 문제의 원인
티스토리 모바일 스킨에서 인기글이 강제로 표시되는 이유는 구조적인 특성 때문입니다. 티스토리는 기본적으로 PC 스킨과 모바일 스킨을 완전히 별도로 운영하며, 모바일에 접속하면 스킨 설정을 꺼도 ‘/m’ 모바일 템플릿이 자동 로딩됩니다.
이 구조 때문에 발생하는 문제가 다음과 같습니다.
- 모바일 스킨은 PC 사이드바 설정과 관계없이 인기글 모듈을 자동 출력
- 최근 7일 방문자수까지 강제 노출
- CSS의 display:none이 모바일 구조에서 정상적으로 적용되지 않음
- 모바일 템플릿은 스킨 편집기에서 접근 불가
- 인기글을 숨기기 위한 HTML·CSS 수정이 모두 무효
- 매 포스팅마다 스크립트 삽입하는 방식 외에는 기본 수정이 불가능
특히 모바일 렌더링 구조는 JS 기반으로 모듈이 로딩되기 때문에 단순 스타일 코드로 숨기는 방식은 효과가 없습니다. 결과적으로 인기글 제거를 위해서는 ‘모든 페이지에서 공통으로 적용되는 스크립트 실행 영역’을 찾아야 하며, 이를 가능하게 하는 유일한 위치가 구글 아날리틱스 ID 플러그인입니다.
기존 방식들이 실패한 이유
많은 블로거는 다음 방식으로 인기글을 숨기려 시도했지만 모바일에서는 거의 효과가 없습니다.
- .cont_popular{display:none;} CSS 삽입 → 적용되지 않음
- 모바일 스킨 비활성화 → /m 접속 시 모바일 강제 적용
- HTML에서 인기글 영역 삭제 → 모바일 템플릿은 별도 렌더링
- 매 포스팅마다 삭제 스크립트 삽입 → 유지관리 불가, SEO 불리
- PC 스킨 인기글 위젯 삭제 → 모바일과 무관
이런 문제는 모두 모바일 구조가 독립적으로 렌더링되며, PC 스킨 편집기에서 통제할 수 없기 때문에 발생합니다. 따라서 해결책은 PC/모바일 공통으로 로딩되는 영역에서 강제 삭제하는 방식이어야 하며, 이것이 플러그인 기반 접근이 필요한 이유입니다.
플러그인을 이용한 모바일 인기글 삭제 방식이 유일한 근본 해법인 이유
티스토리의 ‘Google Analytics ID 입력 플러그인’은 GA 측정 스크립트를 삽입하는 용도로만 보이지만, 사실상 ID 입력란에 자바스크립트를 그대로 삽입하는 것이 허용됩니다. 이 플러그인은 모든 페이지에서, 모든 스킨에서 항상 로딩되기 때문에 모바일에서도 100% 실행됩니다.
이 방식의 장점은 다음과 같습니다.
- 모바일에서도 GA는 반드시 작동하도록 설계
- 스킨 종류와 무관하게 JS가 항상 동일하게 로딩
- remove() 메서드로 DOM 요소 자체 제거
- 개발자 도구에서도 흔적 없이 사라짐
- 크롤러가 인기글을 가져갈 수 없음
- 포스팅마다 반복 삽입할 필요 없음
- SEO에 영향 없음
- 북클럽 포함 모든 스킨에서 동일하게 적용
실제로 모바일 팀플릿은 외부 CSS보다 JS 기반 모듈이 우선 렌더링되므로, 화면 출력 이후 요소를 제거하는 방식이 가장 효과적입니다. remove() 방식은 display:none과 달리 요소 자체가 DOM에서 사라지기 때문에 개발자나 경쟁자는 해당 영역의 내용을 확인할 수 없습니다.
실제 사용하는 스크립트
플러그인 ID 입력란에 넣을 코드는 다음 형식입니다.
이 방식은 GA ID 영역을 폐쇄시키고 스크립트를 실행시키는 형태입니다.
‘);setInterval(function() { document.getElementsByClassName(“cont_popular”)[0].remove();});(‘
이 코드의 동작 원리는 다음과 같습니다.
- GA ID가 삽입되는 위치에서 스크립트를 즉시 실행
- setInterval로 DOM 로딩 지연을 감안하여 반복 검사
- cont_popular 클래스(인기글 영역)를 찾는 즉시 remove() 수행
- 인기글이 렌더링되기 전이든 후든 상관없이 반복 제거
- 모바일 인기글과 포스트 하단 인기글까지 모두 삭제
모바일 렌더링에서 요소 로딩 시점이 일정하지 않기 때문에 setInterval 방식이 매우 안정적입니다.
remove() 방식의 장점
remove()는 display:none보다 훨씬 강력하며 다음 특징을 가집니다.
- DOM에서 완전히 사라짐
- 개발자 도구 Elements에도 흔적이 없음
- 크롤러가 인기글 목록을 긁어갈 수 없음
- 모바일 스킨에서도 확실하게 적용
- 스킨 변경 후에도 자동 적용
- 인기글 노출을 원천 차단
특히 인기글 목록은 블로그 운영 전략과 검색어 데이터가 그대로 노출되는 구조이므로 이를 제거하는 것은 블로그 경쟁력을 보호하는 핵심적인 조치입니다.
추가적으로 확인해야 할 요소
인기글을 삭제한 뒤 다음 항목도 점검하면 좋습니다.
- 모바일 최신글 자동 표시 여부
- 최근 7일 방문자수 표시 모듈 존재 여부
- 반응형 스킨에서 캐시 문제
- search/index 등 특정 페이지에서 인기글 노출 여부
- 모바일 스킨의 고정 위젯 표시 여부
필요하다면 동일한 remove 방식으로 다른 모듈도 제거할 수 있습니다.
적용 절차 요약
티스토리 관리자에서 다음 순서로 진행합니다.
- 관리자 페이지 접속
- 플러그인 메뉴 이동
- Google Analytics ID 플러그인 활성화
- ID 입력란에 스크립트 그대로 삽입
- 저장
- PC·모바일에서 인기글 삭제 여부 확인
이 과정을 한 번만 적용하면 전체 포스트와 전체 페이지에서 자동으로 인기글이 제거됩니다.
결론
티스토리 인기글 감추기 삭제는 단순한 ‘화면 조정’이 아니라 콘텐츠 전략 보호, 경쟁 블로그로부터의 키워드 도용 방지, 유입량 데이터 노출 방어라는 측면에서 매우 중요한 작업입니다. 모바일 티스토리는 PC 스킨과 달리 별도 구조로 렌더링되므로 기존 방식인 CSS 처리나 HTML 삭제는 효과가 없고, 매 포스팅마다 스크립트를 삽입하는 방식은 번거로움과 SEO 저하를 동시에 초래합니다. 구글 아날리틱스 플러그인을 활용한 자바스크립트 삽입 방식은 모바일에서도 100% 동작하며 remove() 기반으로 DOM을 완전히 삭제해 흔적 없이 제거할 수 있는 가장 확실한 해결책입니다. 한 번만 적용하면 모든 페이지·모든 포스트에서 자동으로 작동하므로 유지관리 또한 매우 용이합니다. 북클럽 스킨처럼 구조가 복잡한 스킨에서도 동일한 효과를 제공하고, 인기글뿐 아니라 다른 모바일 고정 위젯도 필요하다면 동일한 방식으로 제거 가능합니다. 장기적으로 티스토리를 안정적으로 운영하고 콘텐츠 경쟁력을 유지하기 위해서는 모바일 인기글 제거는 선택이 아닌 필수 조치이며, 위 방법은 현재 기준으로 가장 재현성 있고 안정적인 방식입니다.
티스토리, 모바일 스킨, 인기글 삭제, 인기글 감추기, 티스토리 스킨 수정, 티스토리 운영팁, remove 스크립트, DOM 제거, 블로그 키워드 보호, 티스토리 플러그인