티스토리 인기글 감추기 삭제하기 (북클럽 스킨 기준)

티스토리 사이드바에 최신글/인기글 위젯이 있습니다. 해당 블로그의 인기글을 확인할 수 있죠. 그런데, 요즘 유입량 많은 검색어에 목마른 블로거들이 경쟁 블로그에 방문해서 인기글 위주로 골라서 글을 작성하는 일들이 빈번하게 발생하고 있습니다. 블로그 포스팅은 일정 시간이 지나면 새 글에 밀릴 수밖에 없는데, 검색 순위 최상단에서 꿀 빨고 있다가, 뒷통수를 맞게 되는 것이죠. 이런 블로거들의 특징은 블로그 구독을 한다는 점입니다. 구독자가 늘었다고 좋아할 만한 상황은 아니란 것이죠. 내 블로그가 잘 나가면 잘 나갈수록 순수한 독자보다는 이런 파리들만 꼬입니다. 그래서 사이드바의 인기글/최신글 위젯을 없애버리면 모바일로 접속합니다.
티스토리 주소 뒤에 '/m'을 붙이는 것이죠.
'https://블로그.tistory.com/m'
처럼 말이죠.

티스토리는 블로그 관리에서 모바일 스킨 사용을 꺼 놔도 수동으로 '/m'을 붙이면 모바일 스킨으로 접속됩니다.

문제는 바로 이 모바일 티스토리 스킨에서는 아무리 사이드바의 인기글 위젯을 꺼 놔도 인기글이 보인다는 점입니다. 심지어는 최근 일주일 동안 방문자수도 보여줍니다. 검색 최상단에 노출되면 일주일에 대략 몇 명이 들어올지에 대한 데이터가 노출되는 셈입니다.
그러니 모바일 티스토리 인기글 삭제를 하고 싶은데, 모바일 스킨은 스킨편집에서 아무리 CSS를 먹여도 먹히지 않는다는 점입니다.
어설픈 개발자들이 매 포스팅마다, 인기글을 'display:none'처리하는 스크립트를 포스팅들 해 뒀던데. 귀찮죠. 매번 포스팅할 때마다 같은 스크립트를 삽입하는 것은 SEO에도 악영향을 끼치기도 합니다.

이를 긍휼히 여겨 제대로 된 방법을 알려드립니다.

티스토리 플러그인 중에 구글 아날리틱스 ID입력칸에 다음의 자바스크립트 코드를 입력하시면 됩니다.

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

아날리틱스 ID플러그인은 아날리틱스 ID를 자바스크립트에 삽입해서 표출해 주는데, 이때 ID가 들어가야 할 곳에 스크립트 코드를 삽입할 수 있습니다. 이렇게 삽입된 스크립트는 모바일에서도 동작합니다. 왜냐하면 모바일 스킨에서도 구글 아날리틱스는 동작해야 하기 때문이죠.

위 스크립트가 하는 역할은 인기글 Elements를 찾아서 Remove() 함수로 삭제해버리는 것입니다. style attribute를 display:none으로 할당할 수도 있지만, 그렇게 하면 개발자 도구 소스상에 인기글이 보이게 됩니다. remove로 삭제된 요소는 개발자 도구에서도 확인을 할 수가 없기 때문에 개발역량이 방식보다 훨씬 뛰어난 악의적인 스팸 어뷰저들의 키워드 탈취를 방어할 수 있습니다.

티스토리 인기글 감추기 삭제하기 (북클럽 스킨 기준)

티스토리를 오래 운영하다 보면 콘텐츠 관리뿐 아니라 노출 관리, 경쟁 블로그 모니터링, 유입 동향 파악 같은 여러 가지 부수적인 이슈들이 자연스럽게 따라옵니다. 특히 특정 스킨 구조에서 사이드바 위젯 노출이 불필요하게 경쟁자에게 정보를 제공하는 상황은 많은 블로거가 경험하는 고민입니다. 인기글·최신글은 분명 독자에게 편리한 기능이지만, 반대로 유입을 노리는 일부 블로그 운영자들에게는 손쉬운 키워드 수집 창구가 되기도 합니다. 그래서 인기글이 의미 없이 노출되거나, ‘/m’으로 접속하는 모바일 티스토리에서 강제로 표시되는 구조 때문에 곤란한 상황이 반복되곤 합니다. PC 스킨에서는 사이드바 편집을 통해 인기글을 숨길 수 있지만 모바일 스킨은 완전히 다른 로직으로 구동되기 때문에 일반적인 CSS 숨김 처리나 HTML 수정만으로는 제거되지 않는 것이 가장 큰 문제입니다.

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

특히 모바일 전용 코드는 스킨 편집기에서 노출되지 않아 대응이 더욱 어렵습니다. 이런 상황에서 인기글을 확실하게 제거해 경쟁자의 키워드 베끼기나 유입 데이터 노출을 막고자 하는 니즈가 커졌고, 이를 해결하기 위한 우회 방식 중 가장 안정적이고 재현성 높은 방법이 바로 구글 아날리틱스 플러그인 영역을 활용한 자바스크립트 삽입 방식입니다. 이 방식은 모바일 스킨에서도 100% 작동하며 별도의 포스팅마다 스크립트를 반복 삽입할 필요가 없고, SEO에도 악영향을 주지 않는다는 점에서 장점이 큽니다.

인기글 노출 문제의 구조적 원인

모바일 티스토리는 ‘/m’ 접속 시 모바일 템플릿을 강제로 불러옵니다. 이는 블로그 설정에서 모바일 스킨 사용을 비활성화해도 마찬가지로 적용됩니다.

이 구조가 곤란한 이유는 다음과 같습니다.

• 모바일 스킨은 사이드바 설정과 별개로 인기글 모듈을 강제 출력
• 인기글 리스트뿐 아니라 최근 7일 방문자수까지 노출
• CSS display:none이 모바일 구조에서 정상적으로 적용되지 않음
• 스킨 편집기에서 모바일 템플릿 코드 접근이 불가능
• 매 포스팅마다 스크립트 삽입 방식은 번거롭고 SEO 측면에서도 불리

이 때문에 인기글을 숨기기 위한 기존 방식은 불편하거나 효과가 제한적이었습니다. 일부 운영자는 <style> .cont_popular{display:none !important;} </style> 같은 CSS를 넣었지만 모바일에서는 전혀 반응하지 않았고, 어떤 사람은 포스팅마다 <script>document.getElementsByClassName(...</script>를 넣었지만 이는 관리상 비효율적이며 페이지 로딩 시점에 따라 동작이 불안정했습니다.

티스토리 모바일 스킨에서 인기글 삭제가 특히 어려운 이유

티스토리 모바일 스킨은 구조가 모듈화 되어 있어 인기글 위젯이 HTML 내에서 직접 보이지 않고, 모바일 스킨에서는 별도의 구조로 렌더링 됩니다.

주요 특징은 다음과 같습니다.

• 모바일 스킨 기반 렌더링 구조가 PC 스킨과 완전히 분리
• 스킨 HTML 편집기에서는 모바일 요소가 노출되지 않음
• CSS 우선순위보다 JS로 렌더링 된 구조가 먼저 적용됨
• 모바일 뷰에서 사이드바·위젯 위치가 강제 설정

이 때문에 ‘기본적인 스킨 수정’만으로는 인기글 삭제가 원천적으로 불가능합니다. 결국 이 문제를 해결하려면 ‘모든 스킨 공통 영역에서 실행되는 코드’를 삽입해야 하고, 이를 수행할 수 있는 위치는 플러그인 영역뿐입니다.

플러그인을 활용한 삭제 방식이 유일한 근본 해결책인 이유

티스토리의 플러그인 중 ‘구글 아날리틱스 ID 입력 플러그인’은 스크립트를 그대로 삽입할 수 있는 구조로 되어 있습니다. 원래는 GA 측정코드를 삽입하는 용도이지만, ID 위치에 자바스크립트를 삽입하면 해당 스크립트가 모든 페이지에서 실행됩니다.

이 방식이 완벽한 이유는 다음과 같습니다.

• 모바일 스킨에서도 GA 플러그인은 반드시 실행됨
• 스킨에 관계없이 항상 동일한 위치에서 실행되는 JS
• remove() 메서드로 DOM 삭제 시 개발자 도구에서도 삭제됨
• display:none과 달리 요소 자체가 제거되어 탐지 불가
• 포스팅마다 별도 스크립트를 넣을 필요 없음
• SEO에 영향을 주지 않음
• 경쟁자나 악의적 크롤러에게 노출될 데이터 차단

이 구조는 티스토리 내부적인 렌더링 특성상 매우 강력하고 안정적인 방식입니다.

실제 적용에 사용하는 자바스크립트 코드

기존에 알려진 방식들은 단순 display:none 처리 위주의 CSS 삽입 또는 매 포스팅마다 사용하는 개별 스크립트 형태였습니다. 그러나 이 방식은 모바일에서 작동하지 않거나, 유지보수 측면에서 비효율적이었습니다. 이를 해결하는 코드는 다음과 같습니다.

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

이 코드의 구조는 다음 원리로 작동합니다.

• 아날리틱스 ID가 삽입되는 자리에서 스크립트를 강제로 실행
• setInterval을 통해 DOM 로드 타이밍 차이를 해결
• cont_popular 클래스를 가진 인기글 요소를 찾아 remove() 수행
• remove() 방식이기 때문에 DOM에서 완전히 삭제

이 방식은 렌더링이 완료되기 전후 어느 시점에서든 반복적으로 요소를 찾고 제거하기 때문에 모바일 로딩 딜레이가 있어도 안정적으로 작동합니다.

심지어 포스팅 하단의 인기글도 삭제 해줍니다.

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

일부는 display:none을 이용해 해결하려고 하지만 이 방식은 한계가 분명합니다.

• display:none은 요소가 HTML 내에는 여전히 존재
• 개발자 도구 Elements 탭에서 그대로 노출
• 경쟁자가 구조를 파악해 같은 위치의 인기글을 베끼는 것이 가능
• 모바일 스킨에서는 display:none이 적용되지 않는 경우가 많음
• 스크립트를 매번 반복 삽입해야 하는 구조

반면 remove()는 완전히 다르며 장점이 확실합니다.

• 요소가 DOM에서 완전히 삭제됨
• 개발자 도구에서도 해당 영역이 사라짐
• 크롤러가 인기글 목록을 가져갈 수 없음
• 모바일 스킨에서도 확실히 적용됨
• GA 플러그인 기반이므로 모든 페이지에서 자동 실행

특히 인기글은 블로그의 전략적 자산인데, 이러한 정보가 그대로 노출된다면 인기 키워드를 벤치마킹하는 블로거들에게 단서가 되어 유사 포스팅이 빠르게 확산될 수 있습니다. remove를 통한 완전 삭제는 이런 위험을 원천 차단해 더욱 안전한 운영이 가능합니다.

적용 절차 요약

티스토리 플러그인 영역에서 아래 순서로 진행하면 됩니다.

1. 티스토리 관리자 페이지 접속
2. 플러그인 메뉴로 이동
3. ‘Google Analytics ID’ 플러그인 활성화
4. ID 입력란에 제공된 스크립트 그대로 삽입
5. 저장 후 블로그 PC·모바일 각각 접속해 적용 여부 확인

이 과정만 완료하면 인기글은 더 이상 웹페이지에 출력되지 않으며 모바일 구조에서도 완전 삭제됩니다.

적용 후 확인해야 할 추가 점검 항목

인기글 삭제 후 다음 요소도 점검하면 좋습니다.

• 인기글 외에 최신글 노출 여부
• 모바일 방문자수 표시 여부
• 모바일 스킨에서 기타 자동 위젯 존재 여부
• search/index 페이지에서 인기글 섹션 노출 여부
• 반응형 스킨 사용 시 캐시 문제
• 브라우저 캐시 삭제 후 재확인

특히 모바일 방문자수는 일부 테마에서 별도 모듈로 표시되므로 함께 제거해야 할 수 있습니다. 동일한 remove 방식으로 삭제도 가능합니다.

결론

티스토리에서 인기글 삭제는 단순한 화면 숨김의 문제가 아니라 콘텐츠 전략을 보호하고 경쟁 블로그의 키워드 베끼기, 유입 패턴 노출 같은 부작용을 차단하는 데 중요한 의미를 갖습니다. 특히 모바일에서 강제로 노출되는 구조를 이해하지 못한 채 CSS만으로 해결하려 하면 효과가 없으며, 포스팅마다 동일·반복 코드 삽입은 비효율적일 뿐 아니라 SEO에도 좋지 않습니다. 구글 아날리틱스 ID 플러그인을 활용한 자바스크립트 삽입 방식은 모바일에서도 100% 작동하는 가장 안정적이며 실전적인 솔루션입니다.

remove() 기반 DOM 삭제는 인기글 요소를 근본적으로 제거하여 경쟁자의 정보 수집을 차단하고, 블로그 운영자가 원하는 깔끔한 노출 환경을 만들 수 있습니다. 북클럽 스킨처럼 구조가 복잡한 스킨에서도 완전히 동일한 효과를 얻을 수 있으며, 한 번만 설정하면 전체 포스트와 전체 페이지에서 자동으로 적용된다는 점 역시 큰 장점입니다. 이런 방식은 장기적으로 블로그 운영 효율을 높이고, 콘텐츠 경쟁력을 유지하는 데 매우 유용합니다.