jsを用いてhtaccessでリダイレクトされた元のページのurlを取得したい

Question

###前提

.htaccessでhttp://example.com/aをhttp://example.com/newにリダイレクトしています。
同じように、.htaccessでhttp://example.com/bをhttp://example.com/newにリダイレクトしています。

###実現したいこと

• http://example.com/newで どちらからリダイレクトされてきたから調べてたい
• できれば **jQuery (js)**を使いたい

試したこと

• document.referrerを使用してリダイレクト元を調べる =>　リダイレクトは履歴が残らず、失敗

Comments

[m.ts10806]

リダイレクト元は自サイトでしょうか他サイトでしょうか。
自サイトは何で作られてますでしょうか。

[ryuto.nakamura]

自サイトです。
何で作っているとは？
HTMLとCSSとJSです

[miyabi_pudding]

mts10806さんのご質問は、本当にそのままの意味です。
サイトは、作る際に、様々な方法があります。
phpなどによるサーバーサイド、WordPressなどのCMSなど、静的な単純なHTMLのみで、など。
（HTMLだけでなく、CSSや、JavaScriptも、サーバーサイドや、フレームワークからの生成によって出力することも可能で、リダイレクトをするときの結果に影響するものも中にはあります）
また、サーバーがなんなのかによっても、何で作ってるか、の言葉に含まれます。
ローカルサーバーなのか、webサーバーなのか、によっても、今回の質問には、影響する状況です。
よって”何で作っているか”、は、今回のご質問には影響するので、mts10806さんの質問となるのです。

[ryuto.nakamura]

なるほど
現時点では、html,css,jquery　のみを使用しています。
必要に応じて、他の言語のしようも考えています。
開発はwebサーバーで行なっています。

[ryuto.nakamura]

さくらのレンタルサーバーです。

Answer 1

javascriptでは、サーバーサイドによるリダイレクトによる遷移のリファラーを取得することはできません。
（というか、リダイレクトの場合、サーバーサイドでもリファラは取得できない）
ABテストをされたいってことでしょうか？
であれば、.htaccessでリダイレクトする際、
遷移先にURLパラメータをつけるとかどうですかね？
たとえば、
http://example.com/aをhttp://example.com/newにリダイレクトする際、
http://example.com/new?ref=aとかにする、とか。
それであれば、javascriptにて、locationオブジェクトで、パラメータ取得できます。

Comments

[ryuto.nakamura]

返信遅れてすみません

リダイレクトするときに、リダイレクト先のurlを http://example.com/new?ref=a　にすればいいということですか？

[miyabi_pudding]

方法の一つとして、掲示させていただきましたので、それ以外にも方法があります。
それが一番簡単な方法かと思います。
yasutomiさんが、コメントの中で言われている、サーバーサイド（phpなど）でリダイレクト元の情報を残しておくという方法もあります。

[ryuto.nakamura]

ありがとうございます。

http://example.com/new　からurlは変えずに判別する方法はありますか？

[miyabi_pudding]

それをするには、静的HTMLだけでは不可能です。（ようはHTML上であつかうJavaScript、クライアントサイドでは不可能）
phpなどのサーバーサイドを使う必要があります。

[ryuto.nakamura]

phpだとどうやるとできますか

phpで受け取ってjsに渡すという方法もありですかね、、

[miyabi_pudding]

まずはご自分で調べましょう。

Answer 2

URLを変えずにやりたいのであれば、推奨はされてませんがpostを使う方法があります。
example.com/aからリダイレクトする際に、javascriptでref=aとpostし、example.com/new で、postのrefの値を見て動作を判断すればいいと思います。

const action = '/post/'
const method = 'POST'
const data = this.$contactparam
let form = document.createElement('form');
form.setAttribute('action', action); 
form.setAttribute('method', method); // POSTリクエストもしくはGETリクエストを書く。
form.style.display = 'none'; // 画面に表示しないことを指定する
document.body.appendChild(form);
if (data !== undefined) {
  Object.keys(data).map((key)=>{
    let input = document.createElement('input');
    input.setAttribute('type', 'hidden');
    input.setAttribute('ref', 'a'); //「name」は適切な名前に変更する。
    
    form.appendChild(input);
  })
}
console.log(form)

const action = '/post/'
const method = 'POST'
const data = this.$contactparam
let form = document.createElement('form');
form.setAttribute('action', action); 
form.setAttribute('method', method); // POSTリクエストもしくはGETリクエストを書く。
form.style.display = 'none'; // 画面に表示しないことを指定する
document.body.appendChild(form);
if (data !== undefined) {
  Object.keys(data).map((key)=>{
    let input = document.createElement('input');
    input.setAttribute('type', 'hidden');
    input.setAttribute('ref', 'a'); //「name」は適切な名前に変更する。
    
    form.appendChild(input);
  })
}
console.log(form)

   var postedData = <?php echo($_POST['ref']); ?>;
   if(postedData == "a"){
document.write("あなたはaから来ました");
}else if(postedData == "b"){
document.write("あなたはbから来ました");
}else{
document.write("あなたはリダイレクトされていません");
}

Answer 3

JavaScriptで.htaccessでリダイレクトされた
元のページのurlを取得することはできないです。

Comments

[ryuto.nakamura]

回答ありがとうございます
そうですか、、

[ryuto.nakamura]

他の言語（phpなど）で取得することはできますか？
もしくは、どの言語でリダイレクトするのがおすすめですか

[yasutomi]

.htaccessでリダイレクトされた場合は
他の言語（phpなど）で取得することはサーバーまたは
URLのパラメーターにリダイレクト元の情報を残さなければできないです。

リダイレクトはGoogleが推奨している
.htaccessで行うのがオススメです。