728x90
모바일 비활성화 왜 하나?
티스토리 모바일웹은 스킨 편집이 불가능합니다. 거의 대부분 티스토리 사용자들은 반응형 블로그를 사용하고 있습니다. 하지만 티스토리는 모바일 비활성화 대한 방법을 제공하지 않습니다. 모바일웹을 비활성화하게 되면 일관된 디자인을 보여줄 수 있습니다.
다른 블로그 자료와 다른 점
다른 블로그에서 제공하는 코드의 경우 게시글은 리디렉션 되지만 홈페이지는 모바일웹으로 보이는 경우가 많습니다. 하지만 지금 제공해 드리는 코드는 위와 같은 문제가 없습니다
제공하는 코드의 장점
모바일 웹 홈페이지에 접속해도 PC버전으로 리디렉션 됩니다. 티스토리 어플을 사용하셔도 모바일 화면으로 보이지 않습니다. 개발자 콘솔 오류가 발생하지 않습니다.
비활성화 적용방법
아래 자바스크립트 코드 파일을 다운로드합니다. 스크립트의 구조입니다.
let href = location.href;
if (href.includes('/m/'))
href = href.replace('/m/', '/');
else if (href.endsWith('/m'))
href = href.substr(0, href.length - 2);
if (location.href !== href)
if (navigator.userAgent.includes('Tistory')) {
const req = new XMLHttpRequest();
req.addEventListener('load', () => {
document.documentElement.innerHTML = req.responseText;
hljs.highlightAll();
});
req.open('GET', href);
req.send();
} else
location.href = href;스크립트 파일명은 변경하셔도 괜찮습니다. 다운로드를 하셨다면 자신의 티스토리에 업로드합니다. 업로드한 파일의 URL 링크를 복사합니다.
플로그인 애널리틱스 활용
티스토리에서 제공하는 플러그인에 있는 애널리틱스를 사용합니다. 애널리틱스 입력란에 아래 코드에 아까 복사해 두었던 주소를 넣은 것을 입력합니다.
');</script><script src='방금 전에 복사한 링크'></script><script>('적용된 모습 샘플
안내대로 진행하셨다면 아래와 같은 모습의 코드일 것입니다. 시작하는 코드가 이상하다고 생각하지 마시고 진행하셔도 괜찮습니다.
');</script><script src='https://tistory~/~/~/redirect.js'></script><script>('지금 제 블로그에도 적용되어 있으며, 정상작동하고 있습니다.
728x90
