직장・자기계발/IT 인터넷

티스토리에서 반응형 스킨과 2차 도메인을 사용하신다면 설정하셔야 할 것들!

담덕. 2020. 3. 15. 13:35
반응형

오늘은 제가 담덕이의 탐방일지를 사용하면서 설정한 것들을 공유해 보려고 합니다. 담덕이의 탐방일지는 프라치노 님의 공간이라는 유료 스킨이 적용되어 있어요. 다양한 편의 기능과 시간대별로 테마 색이 변경되는 기능 등 유용한 기능들이 많은 스킨이랍니다. 그리고 담덕이의 탐방일지는 2차(개인) 도메인이 적용되어 있어요. 티스토리에 가입 후 블로그를 만들게 되면 티스토리 주소를 할당받게 되죠.

담덕이의 탐방일지 1차 도메인 즉 티스토리 주소는

이지만 현재는 2차(개인) 도메인을 적용해서

으로 접속할 수 있도록 되어 있답니다.

그런데 이렇게 반응형 디자인의 스킨을 적용하고 2차 도메인을 적용했는데도 1차 도메인으로 접속이 이루어지는 경우가 있어요. 2차(개인) 도메인을 적용하기 전 링크를 통한 접속이라던가 최근에 많이 발생하는 경우는 다음 메인에 등록이 돼서 유입이 발생하는 경우예요. 다음 PC/Mobile 사이트 모두 메인에 등록이 되면 블로그의 URL이 2차(개인) 도메인이 아닌 기본(티스토리) 도메인으로 설정이 되더라고요.

하지만 저는 이미 https://damduck01.tistory.com으로 접속 시 무조건 https://damduck01.com으로 변경되도록 설정을 해 놔서 다음 PC 사이트의 경우는 큰 문제가 없었어요. 무조건 2차(개인) 도메인으로 접속이 되게 하는 방법은

<script type="text/javascript"> var url1 = 'damduck01.tistory.com'; var url2 = 'www.damduck01.com'; var urlgo = 'damduck01.com'; var online = document.URL; if(online.match(url1)) document.location.href = online.replace(url1, urlgo); else if(online.match(url2)) document.location.href = online.replace(url2, urlgo); </script>

위 소스를 블로그의 관리자 사이트에서 꾸미기 > 스킨 편집 > html 편집을 클릭해서 HTML 편집 화면에서 <head> </head> 사이에 붙여 넣어주시면 됩니다. 붙여 넣기 전 url1, url2, urlgo의 값은 본인 도메인에 맞게 수정하시면 되겠죠. 대부분은 url2는 없으셔도 될 거예요.
제가 전에는 damduck01.com이 아닌 www.damduck01.com을 사용한 적이 있어서 그 URL도 동일하게 이동하려고 추가한 거라서요. ^^;
자~ 이렇게 설정을 해 두면 damduck01.tistory.com으로 접속을 하면 자동으로 damduck01.com으로 이동이 되니까 PC 화면에서는 문제 해결이 됐네요.

그런데 진짜 문제는 다음 Mobile 사이트에서 발생합니다. 다음 모바일 사이트에는 기본 도메인이 아닌 기본 도메인/m인 모바일 URL로 설정이 되더라고요. 최근 다음 메인에 등록된

 

직장인 점심 메뉴 탐방 - 만 원으로 즐기는 스테이크. 춘자싸롱의 함박스테이크 SET / 정자동 맛집

어제는 춘자싸롱에서 점심을 먹었어요. 춘자싸롱도 진짜 오랜만의 방문이네요. 담덕이의 탐방일지에서 검색을 해 보니 작년 10월 22일이 가장 최근 방문이더라고요. 오랜만에 찾은 춘자싸롱의

damduck01.com

춘자싸롱 포스트가 다음 모바일에 등록된 URL은 https://damduck01.tistory.com/m/1394 이렇게 등록이 되어 있더라고요.

 

저는 이렇게 모바일 꾸미기 설정에서 "티스토리 모바일웹 자동 연결을 사용하지 않습니다."라고 설정을 했는데도 저 모바일 URL로 접속을 하게 되면 모바일 페이지로 이동이 되어 버립니다. 이러면 반응형 스킨을 써도 저 링크로 들어온 방문자분들은 제 블로그의 스킨이 아닌 티스토리 모바일 스킨을 볼 수밖에 없게 되는데 저는 그게 싫거든요. 그래서 자료를 찾아보니 Marshall K님의 포스트를 읽고 해결할 수 있었어요.

 

티스토리 모바일 페이지 완벽히 비활성화하기

사진처럼 홈 화면까진 접속되지만, 글을 클릭하는 순간 /m이 사라진 주소로 리다이렉트됩니다. 191215 업데이트 - 티스토리 앱에서도 작동 기초 작업 먼저, 관리자 페이지에서 꾸미기 모바일로 가

marshall-ku.com

<script>const tmp=location.href,mobile="/m/";-1!=tmp.indexOf("/m/")&&-1==navigator.userAgent.indexOf("Tistory")&&(location.href=tmp.replace("/m/","/"));</script>

위 스크립트를 적용하면 되는데 티스토리에서 스크립트의 일부를 제한시켜 놓은 게 있어서 html 편집 페이지에서 적용을 하면 안 되는 경우가 있다고 하더라고요. 그래서 블로그의 관리자 페이지에서 플러그인 > 텐핑 (모바일)을 클릭하시고 

 

하단에 광고 코드 입력란에 위 스크립트를 붙여 넣으시고 적용 버튼을 클릭하시면

https://damduck01.tistory.com/m/1394 > https://damduck01.tistory.com/1394 > https://damduck01.com/1394로 접속이 이루어지면서 담덕이의 탐방일지 반응형 스킨으로 포스트를 보실 수 있게 된답니다.

이 내용이 얼마나 많은 분들에게 유용할지는 모르겠지만 일단 제가 적용한 내용을 기록으로 남길 겸 이렇게 발행해 봅니다. 그럼 남은 주말 행복하게 보내시고 월요일에는 직장인 점심 메뉴 탐방으로 만나요. Bye~

 

728x90
반응형