티스토리 모바일 스킨을 완전히 없애서 광고 송출하는 방법

 티스토리 블로그의 주소에서 /m을 더하면 카카오에서 제작한 모바일 스킨으로 강제적으로 넘어갑니다.

 모바일 스킨의 경우 다음과 같은 단점이 있습니다.

 

• 자바스크립트, CSS 수정이 불가능해서 꾸밀 수 없습니다.
• 반응형 스킨에서 사용할 수 있는 기능을 사용할 수 없습니다.
• 스킨에서 입력한 광고 송출 기능이 제한됩니다.
• 폰트도 모바일 스킨에서 정해진 것으로 제한됩니다.

 

 이런 문제를 해결하려면 답은 하나 뿐입니다. 모바일 스킨 페이지를 강제로 폐쇠해야 합니다. 

 다만 약간의 번거로운 과정을 거쳐야 합니다.

 

모바일 페이지 완전히 폐쇠 하는 방법

 완벽하게 모바일 페이지를 비활성화 하려면 [**자바스크립트**]와 [**플러그인**]의 도움을 받아야 합니다.

 다만 자바스크립트를 전혀 모르는 분들을 위해서 복사-붙여넣기만 해도 해결하실 수 있도록 하겠습니다.

 

모바일 주소로 온다면 리다이렉트 하기

 마샬K님이 작성한 리다이렉트 코드를 활용했습니다.

var s_temp=location.href,mobile="/m/";-1!=s_temp.indexOf("/m/")&&-1==navigator.userAgent.indexOf("Tistory")&&(location.href=s_temp.replace("/m/","/"));

 코드의 원리를 설명하자면 주소에 indexOf로 /m/이 들어가는지 체크하고, /m/이 들어간다면 /로 주소를 변경해주는 겁니다.

 이것을 자바스크립트 파일로 만들어서 내 스킨에 업로드를 해야 합니다.

 다만 자바스크립트 파일로 만드는 법을 모르는 분들을 위해서 제가 파일로 준비했으니, 아래의 파일을 다운로드 받아주세요.

redirect.js

0.00MB

 파일 업로드를 하는 방법은, 블로그 설정->스킨 편집->파일업로드에서 아래에 있는 추가하기 버튼으로 파일을 업로드 하면 됩니다.

 사진으로 나타내면 다음과 같습니다.

 그 후 업로드 된 파일에 대고 우클릭을 해주세요.

 그러면 위의 사진과 같은 창이 뜰 겁니다.

 거기서 링크 주소 복사를 눌러주세요.

 그리고 복사된 주소를 메모장 같은 곳에 저장해주세요.

구글 애널리틱스 플러그인을 활성화해서 완성하기

 이제 블로그 설정에 가신 후 플러그인 탭으로 들어가주세요.

 그러면 많은 플러그인들이 나올 겁니다.

 그 중에서 [**구글 애널리틱스**] 플러그인을 찾아주세요.

 이제 아까 메모장에 저장해둔 주소를 쓸 차례입니다.

 아래의 코드에 강조해둔 부분을 지우고, 아까 복사해둔 주소를 붙여넣기 해주세요.

 

"></script><script src="메모장에 복사해둔 주소를 붙여넣기 하세요">

 

 그러면 하나의 코드가 완성될 겁니다.

 이제 애널리틱스 플러그인을 누른 후, 그 코드를 아래처럼 입력해서 적용해주세요.

 이제 모든 과정이 끝입니다.

 실험삼아 아무 포스트나 /m을 붙여서 모바일 주소로 들어가보세요.

 바로 모바일주소에서 반응형 스킨으로 넘어가지면 성공입니다.

 

이 방법의 단점

 이 방법은 완전한 방법은 아닙니다.

 총 3가지의 불안요소가 있습니다.

 

1. 로딩 속도가 살짝 느려집니다.
2. 애널리틱스를 플러그인으로 입력하는 게 아니라 직접 HTML로 입력해야 합니다.
3. 개발자모드를 열어보면 에러 메세지를 한 줄 내놓습니다.

 

 그렇기 때문에 혹시라도 이 글을 보시는 분들은 시간이 나실 때 티스토리측에 모바일 페이지를 완전히 폐쇠할 수 있는 옵션을 지원해달라고 건의 메일을 보내주시면 감사하겠습니다.

 

관련글

블로그 더보기 버튼 CSS로 꾸미기 방법

티스토리에서 애드센스 블록을 감지하고 차단해제 요청 메세지 띄우는 방법

티스토리에서 스키마 태그를 활용해 SEO를 높여보기