Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用して訪問者を別のWebサイトまたはページにリダイレクトする方法

JavaScriptのwindow.locationを使用して、ウェブサイトの訪問者を別のURLにリダイレクトする方法と理由を学びます オブジェクト。

ページリダイレクトの方法

Webサイトの訪問者を新しいURLにリダイレクトするには、リダイレクト元のWebページで次のJavaScriptを実行するだけです。

window.location = "https://wheretoredirect.com"

コードを外部の.jsに挿入することもできます ファイルを作成するか、ヘッドセクションにインラインで配置します（<head> ）あなたのウェブページの：

<script type="text/javascript">
  window.location = "https://wheretoredirect.com"
</script>

これで、https://yourwebsite.comにアクセスするすべてのWebサイト訪問者 window.locationとして指定したURLにすぐにリダイレクトされます 値。

ページリダイレクトを使用して、Webサイトの訪問者を次の場所に誘導できます。

  • 別のウェブサイトドメイン（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の例を参照してください。

なぜ訪問者をリダイレクトするのですか？

実際のプロジェクトでユーザーをリダイレクトする理由は次のとおりです。

  • 新しいドメイン名に切り替えたので、以前は古いドメインにアクセスしていたユーザーが新しいドメインに誘導されるようにしたい。
  • ウェブサイトにはさまざまなバージョンがあります。 1つはレガシーブラウザ用で、もう1つは最新のブラウザ用であり、ユーザーが自分のブラウザに一致するブラウザに確実にアクセスできるようにする必要があります。
  • 同じウェブサイトの異なる言語バージョンがあり、それを確認したい場合。ブラウザでイタリア語を設定しているユーザーは、yourwebsite.com/itにアクセスします。 。

  1. JavaScriptを使用して別のWebページにリダイレクトする方法は？

    JavaScriptを使用して別のWebページにリダイレクトするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <h1>Redirect to a Webpage Example</h1> <button class="redirectBtn">Redirect</button> <h2>Click the above button to Redirect to another Webpage</h2> <scri

  2. 数秒後にURLを別のWebサイトにリダイレクトするにはどうすればよいですか？

    ページリダイレクトは、URLをクリックしてページXに到達したが、内部的には別のページYにリダイレクトされた状況です。これはページリダイレクトが原因で発生します。 数秒後にURLを別のWebサイトにリダイレクトするには、content属性を指定してMETAタグを使用します。属性は秒を設定します。 以下は、現在のページを10秒以内に別のWebサイトにリダイレクトする例です。 content属性は秒を設定します。 例 <!DOCTYPE html> <html> <head> <title>HTML Meta Tag&