예전 블로그로 접속 시 새 블로그 주소 알려주기

한달정도 전에 저는 cdmanii.tistory.com 에서 개인도메인을 구매하여 cdmanii.com 으로 도메인을 바꿨습니다.
예전 도메인으로 접속시, 새로운 주소로 옮겨오도록 블로그에 스크립트를 사용하였었지만, 블로그에 달아둔 광고와 문제가 생겼습니다.

블로그 광고중 애드클릭스는 1차 2차 주소를 지정이 가능한데, 1차 2차 주소 모두 접속이 원활해야한다는 조건이 있더군요.
그래서 강제로 주소가 바뀌게하는걸 조금 다르게 바꿔보려고 하다가, http://chatii.tistory.com  chatii 님 블로그에서 힌트를 얻었고
스크립트를 제가 좀 변경 시켜서 기능을 추가시켜 적용을 시켰습니다.

가능한 웹표준을 지키면서 깔끔하게 나타나게끔 적용한 방법을 소개합니다.


적용 예시




http://cdmanii.tistory.com/1063

예전 주소로 접속하면 블로그 하단에, 새로운 주소로 연결해주는 레이어가 나타납니다.
(IE6 에서는 정상적으로 나타나지 않을 수 있습니다)


JS 파일 다운로드





적용 방법


1. newurl.rar 파일을  다운로드 후, 압축을 해제 합니다.


2. newurl.js 파일의 10, 11 번째줄을 편집합니다. (editplus 등의 편집기 사용)


var oldurl = "http://cdmanii.tistory.com/";   /* 옛날주소 입력 (끝에 / 를 붙여야함) */
var newurl = "http://cdmanii.com/";           /* 새 주소 입력 (끝에 / 를 붙여야함) */


위에 내용은 http://cdmanii.tistory.com 으로 접속하면 http://cdmanii.com 으로 접속하게끔 정의를 내리는 부분입니다.

oldurl 는 옛날 주소를 입력합니다.
newurl 는 새 주소를 입력합니다.
두 주소 모두 끝에 반드시 / 를 붙입니다.


3.
newurl.js 파일을 encoding 를 unicode 로 설정하여 저장합니다.
반드시 encoding 타입을 Unicode 로 해서 저장합니다. 관련링크 http://cdmanii.com/1093


4. newurl.js 파일을 자신의 스킨에 업로드 합니다.


5. skin.html 에 아래의 코드를 <head></head> 사이에 입력합니다.


<script src="./images/newurl.js" type="text/javascript"></script>




6. style.css 에 아래의 코드를 넣습니다.

/* 이전 블로그 주소 접속 시 */
#newdomain {
    position: fixed;
    display: block;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 35px;
    border-top: 2px solid #AAAAAA;
    padding: 5px 5px 5px 50px;
    background: url(https://t1.daumcdn.net/cfile/tistory/1505090B4AD0AC1A72) no-repeat left center;
    background-color: #454545;
    z-index: 99999;
    cursor: pointer;
    color: #fff;
}
#newdomain span { color: #ffc600; }

CSS 각 항목 설명 추가 더보기




7. 인터넷 브라우저에서 예전 블로그 주소로 접속하여 확인을 합니다.


# 추가 된 점 (09-10-12 저녁 8시)

* 필넷님 의견에 따라서 URL 에 한글이 포함되어있을때 한글이 재대로 표기되도록 decodeURL 추가했습니다.
* 보여지는 주소쪽은 디코딩을 해서 보여주며, 실제 주소는 인코딩해서 들어가도록 했습니다.
* 한글URL 을 쓰거나 임의로 공백을 띄운 카테고리 주소도 문제 없이 뜨도록 수정했습니다.

# 주의

* 설명 주석 부분은 지우지 마시기 바랍니다. 누가 복사해가더라도 문제가 생겼을때 어드바이스 하기 위함입니다.



이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

s;s s;s

     이미지 업로드

  1. 이전 댓글 더보기
  2. 영웅전쟁 2009.10.12 10:25 신고

    솔직히 말해 하나도 모르답니다. ㅎㅎㅎ
    컴맹이라 ㅋ
    다만, 개인 도메인을 새로이 준비중이라
    꼭 알아야 할것 같아 ㅎㅎㅎ
    술먹고 떡이되어 자고있는 아들놈
    일어나면 알아볼까 합니다.
    잘보고 갑니다.
    새로운 한주인 이번주도 멋지게 보내시길 바랍니다.

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 14:02 신고

      아드님이 보시면 아마 바로 아실겁니다 ^^
      천천히 따라하면 어렵지 않거든요. 즐거운 한주 되세요 ^^

      perm. |  mod/del. | 
  3. 머니야 2009.10.12 11:21 신고

    간혹 독립도메인으로 건너갈까 생각하다가도..
    에이...쩝..그대로 두는게 여러모로 안다칠겨..싶어서 그냥 두고 있습니다...ㅠㅠ..
    바꿀려면..cd님 이글이 필수가 될것 같네요~

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 14:01 신고

      개인도메인가면 페이지랭킹은 뚝 떨어져버리니 처음에는 엄청 정말 맨땅에 해딩하는기분이더라구요. 지금 저는 아직도 unranked 로 나온다는 .. 개인도메인 만드시면 꼭 적용하세요 ^^

      perm. |  mod/del. | 
  4. 야이노마 2009.10.12 11:53 신고

    2차도메인으로 확장하려다 아직도 안하고 있지만, 언젠가는 다 피가되고 살이되는 글이군요 ^^

    perm. |  mod/del. |  reply.
  5. 2009.10.12 13:20

    비밀댓글입니다

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 13:45 신고

      음 Unicode 로 저장하셨다면 아마 되실텐데.. 한글이 깨지는거죠? 비밀댓글로 옛주소와 새주소를 한번 적어주세요. 제가 저장해서 파일드릴께요 ^^

      perm. |  mod/del. | 
    • 필넷 2009.10.12 14:47 신고

      제가 문자형 주소를 사용해서 생긴 문제더군요. ^^;
      트랙백 걸고 갑니다.

      유용한 정보 다시한번 감사인사.. 꾸벅 ^^

      perm. |  mod/del. | 
    • 씨디맨 2009.10.12 15:12 신고

      한글 URL 에 대해서 좋은 팁도 날려주셔서 감사해요 ^^

      perm. |  mod/del. | 
  6. rinda 2009.10.12 13:35 신고

    나중에 언젠가 개인도메인으로 변경할 때 도움이 되겠네요.
    좋은 정보 감사합니다~

    perm. |  mod/del. |  reply.
  7. 모노마토 2009.10.12 13:51 신고

    저는 그냥 강제로 2차 도메인으로 오게하는 스크립트를 쓰고 있는데,

    이 방법도 참고 해둬야겠습니다~ 어쩌면 이런 방법이 더 친절할수도 있겠군요.

    강제로 이동 시키면 방문자가 잘 기억을 못하는데 이런식이라면 2차 도메인을 각인 시킬수도 있겠군요!

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 13:59 신고

      저도 강제로 옮겼었는데, 애드클릭스 1차 도메인정보가 tistory.com 인지라. 강제로 잡아다가 옮기니 당연 cdmanii.tistory.com 으로 접속이 안되는지라 애드클릭스에 레벨이 강등되더군요.. 그래서 생각한게 이거구요. ㅋ 1차주소로 옛도메인이 애드클릭스에 등록되어있는사람은 이 스크립트가 거의 필수 일지도 모르겠어요.

      perm. |  mod/del. | 
  8. gk 2009.10.12 14:57 신고

    ㅎㅎㅎㅎㅎㅎㅎ 이런것도 있네요. 유용한정보입니다.

    perm. |  mod/del. |  reply.
  9. 드자이너김군 2009.10.12 15:23 신고

    이야.. 이런 기능도 있내요.. +_+ 마치 휴대폰 처럼..ㅋ
    음.. 2차도메인으로 변경하신분들은 거의 필수 일듯..^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 21:11 신고

      tistory.com 으로 먼저 오래동안 시작했고 애드클릭스도 가입되어있는상태라면 이코드는 거의 필수일겁니다 ㅋ

      perm. |  mod/del. | 
  10. gemlove 2009.10.12 16:04 신고

    요즘 블로그 이사하시는 분들 꽤 많은데 알려드려야 겠어요 ^^

    perm. |  mod/del. |  reply.
  11. 레이먼 2009.10.12 20:08 신고

    하하...정말 좋은 정보 입니다.
    요즘 올려주신 글 하나하나가 블로거들의 가려운 곳을 잘 끍어주고 있습니다.

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 21:12 신고

      크 감사합니다. 저도 열심히 쓴 보람이 있네요 ^^
      그리고 필넷님 의견 추가로 지금 시점에서 좀더 코드가 정확해졌어요. 도메인 바꾸시면 꼭 써보세요 ^^

      perm. |  mod/del. | 
  12. demun 2009.10.12 20:43 신고

    이거 정말 좋은 팁입니다.
    저도 도메인을 변경하고 한두가지 고생한게 아니거든요.
    혹 주소가 두개도 가능한지?

    예를 들어 이전주소가 두개일경우
    1번주소, 2번주소모두 접속했을때 현재의 설정처럼 가능한지요?

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 21:09 신고

      네 가능하긴하지만, 이 스크립트는 옛날주소의 계정에 올라가 있어야해요.

      예를 들면 cdmanii.tistory.com 을 cdmanii.com 으로 주소를 옮긴 경우와

      또 블로그가 cdmanii.naver.com 이라고 있다고 치면

      옛날주소
      cdmanii.tistory.com
      cdmanii.naver.com

      새주소
      cdmanii.com

      이겠죠. 옛날 주소는 두개가 서로 계정이 분리되어있으니 각각 스크립트를 따로 올려야합니다. 1계정에 도메인을 3개나 연결해놓고 쓰는경우는 없을테니까요.

      다만 실제로 그런경우라면 oldurl2 ="옛날주소";
      라는 식으로 하나 더 정의 후

      17번째줄의 매치되는 부분에 2개를 oldurl,oldurl2 이렇게 두개를 넣어줘버리면 되긴합니다.

      perm. |  mod/del. | 
    • demun 2009.10.13 16:00 신고

      제가 무지해서....
      예를들어 예전 주소demun.tistory.com 과 구글도메인광고가 나오는 도메인주소 portablea.com 이걸 모두 blog.portablea.com 으로 할수 있는건가요?

      구글도메인으로 하는것이 계정에 올라있는것인가요?

      perm. |  mod/del. | 
    • 씨디맨 2009.10.13 16:03 신고

      demun.tistory.com 은 이미 적용시켜두셨군요.

      portablea.com 은 구글에 도메인만 빌려주고 계정은 구글에서 돌리는걸로 알고있는데요. 그래서 파일을 올릴 수 없으니 돌리는걸 못할듯 싶은데요. 계정이라면 당연 파일을 올리고 하단에 나타나게 할 수 있구요 ^^

      perm. |  mod/del. | 
  13. 마파람(iOceo) 2009.10.12 20:46 신고

    도메인 변경 후 귀찮은 작업이 꽤 있는 데 여러모로 한 방이 있는 정보입니다~ ^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.12 21:13 신고

      옛날 도메인으로 많이 접속되는 분이라면 새주소로 아무래도 유입시키는게 좋으니 이방법이 좋은듯해요. 강제로 대려가는 스크립트는 애드클릭스 레벨 강등이 될 수 있으니 .. 이방법의 코드가 좋은것같아요.

      perm. |  mod/del. | 
  14. 쿠쿠양 2009.10.12 21:45 신고

    마치 바뀐번호를 알려주듯말이죠 ㅋㅋㅋ 재밌네요

    perm. |  mod/del. |  reply.
  15. 넷테나 2009.10.13 08:58 신고

    도메인하나 장만하려던 차에 필요한 정보를 주셨습니다. 북마크해놓고 나중에 다시 참조해야겠어요~ 감사합니다.

    perm. |  mod/del. |  reply.
  16. 함차가족 2009.10.13 14:37 신고

    멋지네요..
    pe.kr 2년 무료 도메인을 사용하는데..탐탁치 않네요..
    지금 다시 되돌아가려해도..뿌려둔것이 많은지라 고민스럽네요..에휴

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.19 11:26 신고

      뿌려둔게 많다면 쭉 가야해요 게다가 개인도메인이라면, 다시 다른 도메인으로 바꾸고 키우는건 그 전에글을 모두 버리는거나 마찬가지거든요.

      perm. |  mod/del. | 
  17. Yasu 2009.10.13 23:54 신고

    와... 정말 멋진 정보입니다.
    역시 대단하세요~ 시간날때 저도 적용해야겠습니다..^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.19 11:26 신고

      예전 도메인글 있으시다면 쓰시면 좋아요. 근데 도메인 운영하신지 좀 되신거 아닌가요? 그럼 효과가 적을지도 몰라요. 저는 아직도 예전 주소로 더 많이 들어오는 ㅠ;

      perm. |  mod/del. | 
  18. 라라윈 2009.10.15 00:54 신고

    바뀐 주소를 안내해 줄 수도 있군요~ +_+
    항상 씨디맨님 덕분에 블로그 어려움 많이 해결하고 있습니다~
    감사해요~~ :)

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.19 11:27 신고

      예전 주소로 들어왓을때 친절하게 안내해주는걸로 유용한거같아요. 강제로 스크립트로 대려갈 수 도 있지만, 다음애드클릭스 1차 승인주소와 걸리더군요..

      perm. |  mod/del. | 
  19. pacer 2009.10.18 23:48 신고

    음...
    최근 주소를 바꾸었지만...

    (이제 알게 되었지만, '귀찮음'이라는 핑계를 대며 안할 테지만..;;)

    그...래도. 다음부터는 제대로 실천할거에요. 아마..(....);;;네... 아마...;;

    언제나 유용한 정보 감사드려요.

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.19 11:28 신고

      주소 바꾸셨다면 꼭 활용해보세요. 좋아요 ㅋ
      귀차니즘은 언제나 큰 적이죠 ㅠ

      perm. |  mod/del. | 
  20. 호련 2009.10.28 22:08 신고

    감사합니다 ^0^!!!

    저에게 꼭 필요한 정보였어요 ㅎㅎ 큰 도움이 되네요 ^0^

    자세한 설명에 적용하기 쉬웠어요

    perm. |  mod/del. |  reply.
  21. ColorFilter 2010.02.18 09:38 신고

    감사합니다~ 저도 적용했어요 ㅎㅎ 좋네요

    perm. |  mod/del. |  reply.