자바스크립트 리다이렉트(Redirect) 페이지 이동

자바스크립트를 이용한 리다이렉트입니다. 서버 측 접근이 가능하다면 htaccess 파일을 이용해 301 또는 302 Redirect를 해주는 것이 가장 좋은 방법이지만 티스토리처럼 사용자가 서버에 접근할 수 없는 경우라면 자바스크립트 코드를 헤드에 넣어 주는 방법이 유일할 것 같습니다.

www를 non-www

  • "www.example.com" 도메인에서 www.이 없는 "example.com" 루트트 도메인 주소로 리다이렉트
(function () {
  var currURL = document.URL;
  if (currURL.match('www.example.com')) {
    var redirURL = currURL.replace('www.example.com', 'example.com');
    document.location.replace(redirURL);
  }
}());

티스토리 커스텀 도메인

  • 티스토리에서 커스텀 도메인을 사용하고 있는 경우 티스토리 주소로 접속 시 커스텀 도메인으로 주소로 리다이렉트
(function() {
  var locHost = document.location.hostname;
  var locPath = document.location.pathname;
  var tsURL = 'example.tistory.com';
  var wwwURL = 'www.example.com';
   if (locHost.match(tsURL) || locHost.match(wwwURL)) {
    document.location.replace('https://example.com' + locPath);
  }
}());

티스토리 커스텀 서브도메인

  • 티스토리에서 서브도메인을 사용하는 경우 티스토리 주소로 접속 시 서브도메인으로 리다이렉트
(function() {
  var currURL = document.URL;
  if (currURL.match('example.tistory.com')) {
    var redirURL = currURL.replace('example.tistory.com','blog.example.com');
    document.location.replace(redirURL);
  }
}());

프로토콜 변경

  • 프로토콜만 변경을 해야 할 경우 http: 접속 시 https:로 변경
if (document.location.protocol == 'http:') {
  document.location.replace(document.location.href.replace('http:', 'https:'));
}
반응형