JavaScript의 window.location을 사용하여 웹사이트 방문자를 다른 URL로 리디렉션하는 방법과 이유를 알아보세요. 개체.
페이지 리디렉션 방법
웹사이트 방문자를 새 URL로 리디렉션하려면 리디렉션하려는 웹페이지에서 다음 JavaScript를 실행하기만 하면 됩니다.
window.location = "https://wheretoredirect.com"
외부 .js에 코드를 삽입할 수 있습니다. 파일을 헤드 섹션(<head>)에 인라인으로 배치합니다. ) 웹페이지:
<script type="text/javascript">
window.location = "https://wheretoredirect.com"
</script>
이제 https://yourwebsite.com으로 이동하는 모든 웹사이트 방문자 window.location으로 지정한 URL로 즉시 리디렉션됩니다. 가치.
페이지 리디렉션을 사용하여 웹사이트 방문자를 다음으로 안내할 수 있습니다.
- 다른 웹사이트 도메인(
oldsite.com에서)newsite.com으로 ). - 동일한 도메인의 다른 페이지/게시물(
yourwebsite.com/your-post). - 동일한 도메인의 하위 폴더(
yourwebsite.com/archive). - 하위 도메인(
support.yourdomain.com).
올바른 웹사이트 프로토콜(https , www , https://www 등) 사용자를 리디렉션할 때.
사이트 방문자를 리디렉션하기 전에 메시지 표시
사용자 경험을 향상시키기 위해 사이트 방문자에게 메시지를 표시하고 카운트다운 타이머로 리디렉션을 지연할 수 있습니다. 이렇게 하면 방문자가 갑자기 다른 URL이나 도메인으로 전송되는 이유를 혼동하지 않게 됩니다.
이전의 동일한 코드를 가져오지만 이제 다음도 추가합니다.
- 리디렉션되는 이유를 설명하는 메시지입니다.
- 5초 후에 리디렉션 코드를 실행하는 카운트다운 타이머
메시지 표시 + 카운트다운 타이머:
function showMessageBeforeRedirect() {
window.location = "https://wheretoredirect.com"
}
document.write("You’ll be redirected to our new domain in 5 seconds :-)")
setTimeout("showMessageBeforeRedirect()", 5000)
5000 값은 밀리초입니다.
웹사이트 <head>에 코드를 추가해 보세요. 이전에 했던 것처럼:
<script type="text/javascript">
function showMessageBeforeRedirect() {
window.location = "https://wheretoredirect.com"
}
document.write("You’ll be redirected to our new domain in 5 seconds :-)")
setTimeout("showMessageBeforeRedirect()", 5000)
</script>CodePen 예제를 참조하십시오.
방문자를 리디렉션하는 이유는 무엇입니까?
다음은 실제 프로젝트에서 사용자를 리디렉션하려는 몇 가지 이유입니다.
- 새 도메인 이름으로 전환했으며 이전 도메인을 방문했던 사람들이 새 도메인으로 연결되도록 하고 싶습니다.
- 웹사이트 버전이 다릅니다. 예:하나는 레거시 브라우저용이고 다른 하나는 최신 브라우저용이며 사용자가 자신의 브라우저와 일치하는 브라우저를 방문하도록 해야 합니다.
- 같은 웹사이트의 다른 언어 버전이 있고 다음을 확인하려고 합니다. 브라우저에 이탈리아어 설정이 있는 사용자는
yourwebsite.com/it으로 이동합니다. .