티스토리 블로그 반응형 스킨 페이지 접근만 허용하고 모바일 웹이라 부르는 /m 하위 폴더 경로를 사용하는 별도의 모바일 전용 페이지의 접근을 차단하는 방법을 알려드리겠습니다. 게시물 주소에 /m을 추가하고 티스토리 모바일 웹으로 직접 방문할 경우 원래의 페이지로 다시 되돌려 보낼 수 있습니다.
웹 페이지에 몇 줄의 코드만 삽입해주면 원하는 페이지로 리디렉션 시킬 수 있습니다. 티스토리 모바일 웹 접속 시 다른 페이지로 보내 버리고 싶다면 모든 글에 리디렉션 코드를 삽입해야 합니다.
이런 이유로 티스토리에서 모든 모바일 페이지에 대해 리디렉션을 구현하는 것은 쉽지 않습니다. 쉽진 않지만 방법이 없는 것은 아닙니다.
텐핑 플러그인을 이용하면 모든 게시물에 대해 티스토리 블로그 반응형 스킨 페이지에서만 볼 수 있도록 할 수 있습니다.
목차
티스토리 모바일 웹
비판도 비난도 이젠 지쳤으니 간단히 요약하겠습니다. 티스토리 블로그는 모바일 웹이라는 별도의 모바일 전용 페이지가 존재합니다.
- 원본 주소 : https://notice.tistory.com/2646
- 모바일 웹 주소 : https://notice.tistory.com/m/2646
이 모바일 웹 페이지는 블로거 개인이 제어할 수 있는 권한이 없습니다. 내 블로그 게시물 페이지이지만 내가 제어할 수 없는 영역입니다.
최악의 가정을 해보자면, 만약 티스토리가 모바일 웹 페이지(/m)에 캐노니컬(Canonical) 태그를 설정하면 모바일 페이지 주소가 대표 주소가 되어 버립니다.
이런 변화가 어떤 영향을 끼칠 수 있냐면, 블로거들이 좋아하는 애드센스 수익을 반의 반 토막까지 하락 시킬 수 있습니다.
티스토리가 그럴리 없다굽쇼? 어쩝니까 티스토리 블로그 캐노니컬(Canonical) 태그와 모바일 친화적 페이지의 상관관계 글을 보면 알 수 있을 것인데요. 이미 오래전에 시도했었습니다. 손 가락 한 번 튕겼던 적이 있습니다.
불과 몇 년 전까지만 하더라도 티스토리의 캐노니컬 태그를 신경 쓰는 사람들은 많지 않았습니다. 화재 사고 이후로 티스토리 모바일 웹 페이지가 구글 검색 최적화에 큰 걸림돌이란 것을 알게 되었을 것입니다. 수익에도 큰 영향을 끼칠 수 있다는 것을 알만한 사람들은 다 알게 되었을 것입니다.
티스토리 블로그 반응형 스킨 페이지 접근만 허용하기
게시 글 본문에 리디렉션 소스를 삽입하면 모바일 웹 페이지로 방문 시 되돌려 보낼 수 있습니다. 문제는 일일이 모든 글에 리디렉션 소스를 삽입해야 합니다.
플러그인 중에 텐핑 (모바일)이란 것을 이용하면 이런 수고를 하지 않아도 됩니다. 다만 이 텐핑 플러그인은 모든 티스토리 블로그에 제공되지 않습니다.
텐핑 플러그인 리디렉션 코드 설정
- 티스토리 관리 페이지에 방문합니다.
- 플러그인 페이지로 진입하여 ‘텐핑 (모바일)’ 플러그인을 찾아 클릭합니다.
- 텐핑 (모바일) 설정 창이 열리면 하단의 광고 코드 입력란에 ‘리디렉션 소스 코드’를 삽입합니다.
- 리디렉션 소스 코드를 삽입한 후 적용 버튼을 누릅니다.
리디렉션 소스 코드
<style>@keyframes t{100%{transform:translateZ(0)}}</style><tenping style="animation: t .1s linear" onanimationend="const tmp=location.href,mobile='/m/';-1!=tmp.indexOf('/m/')&&-1==navigator.userAgent.indexOf('Tistory')&&(location.href=tmp.replace('/m/','/'));"></tenping>텐핑 (모바일) 설정 창의 적용 버튼을 클릭하면 티스토리 모바일 웹의 전체 게시물 페이지에 리디렉션 소스 코드가 적용됩니다.
리디렉션 소스 코드 출처인 마셜 케이 (marshall k) 사이트의 티스토리 모바일 페이지 완벽히 비활성화하기 페이지(https://marshallku.com/)에 방문하면 보다 자세한 설명을 확인할 수 있으며, 티스토리 앱에서도 동작하는 소스 코드도 확인할 수 있습니다.
티스토리 블로그 반응형 스킨 사용은 필수
당연하지만 리디렉션 소스 코드를 적용하기 위해선 반드시 반응형 티스토리 스킨을 사용해야 합니다. 그리고 티스토리 관리 페이지에서 모바일 웹은 사용 안 함으로 설정되어 있어야 합니다.
모든 조건을 충족한 상태에서 리디렉션 코드를 설정하면 아래와 같은 결과를 확인할 수 있을 것입니다.
- https://notice.tistory.com/m/2646 주소를 입력하고 직접 방문하면
- https://notice.tistory.com/2646 주소로 리디렉션 처리됩니다.
- https://notice.tistory.com/m 주소로 방문할 경우에는
- https://notice.tistory.com/m 아무 변화가 없습니다.
- https://notice.tistory.com/m/guestbook 주소로 방문할 경우에는
- https://notice.tistory.com/m/guestbook 아무 변화가 없습니다.
모바일 인덱스 페이지, 모바일 방명록 페이지 등 일부 특수 목적 페이지는 플러그인의 영향을 받지 않기 때문에 리디렉션이 일어나지 않습니다.
직접 해보진 않았지만 텐핑 플러그인도 애드센스 플러그인처럼 한 번 비활성 시키면 다신 사용이 불가능할 것 같아 보입니다.
이에 텐핑 플러그인은 사용하지 않더라도 활성 상태 (사용 중)를 유지하는 것을 권장합니다. 활성 상태를 유지하란 얘기이지 광고를 운영하란 얘기가 아닙니다. 끝~