ホームページ初訪問者のみ別ページヘ自動転送したいです。

ホームページを作っているのですが、
初訪問者だけを別ページに転送するにはどうすればよいでしょうか？

実現したいことは
トップページ(index.html)にアクセスされた際に
初訪問者のみ、new.htmlに転送させたいのです。

初訪問者がindex.htmlを開いても、
瞬間的に自動転送されるようにして、

初訪問者に表示されるのはnew.htmlにしたいです。

具体的にどのようにすれば実現可能でしょうか？

イメージとしては、
http://black-flag.net/jquery/20111115-3552.html

こちらのサイトの
初訪問者だけに「テキストを表示させる」というアクションを
「別ページに転送する」というものに変えたいです。

つまり訪問一回目だけ（クッキー等で判断？）、
瞬間的に別ページに自動転送（メタタグ？Phpなどで？）する
ページです。

どんなファイルや技術を使っても構いませんが、
技術的な知識には乏しいため
宜しければ、具体的なソース等も教えてた頂けましたら幸いです。

ファイルを書き換えたりアップロードぐらいは可能です。

宜しくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

かなり単純に書きましたが、こんな感じでしょうか？

投稿2015/02/25 07:06

Guu

総合スコア142

siromad

2015/02/25 07:17

回答有り難うございます！早速頂いたものをindex.html内に追加してみましたが、機能しませんでした。（IEとグーグルクロームで試しました。）使い方としては、合っていますでしょうか？他に編集する必要なの等あれば教えてた頂けましたら幸いです。

siromad

2015/02/25 07:19

http://www.yahoo.co.jp/の部分を自分のURLに変えるという解釈で宜しいんですよね？

Guu

2015/02/25 07:23

済みません。少し間違えました今張り付けたソースで変えてください＞自分のURLに変えるという解釈で宜しいんですよね？そうです <script> if(!document.cookie.indexOf('rep')){ document.cookie="rep=true"; self.location="http://www.yahoo.co.jp/"; } </script>

Guu

2015/02/25 07:33

テスト用にブラウザを閉じたらクッキーを削除するようにしています。なので確認が取れたら、クッキーの有効期限をつけた下のソースに切り替えてください。このソースは有効期限を１年としています。365の部分を適当に増やせば良いかと思います。 <script> var exp= new Date(); exp.setTime( exp.getTime() + 1000 * 3600 * 24 * 365); if(!document.cookie.indexOf('rep')){ document.cookie="rep=true;expires="+ exp; self.location="http://www.yahoo.co.jp/"; } </script>

siromad

2015/02/25 07:54

色々配慮して頂いて、ありがとうございます。根本的な事が間違っているのか、なかなかうまく行きません。やったことをそのまま書いてみますので、もう少し知恵をお貸しください。 index.htmlファイルの、 <body>～</body>内、 <head>～</head>内、二通りの場所を試し、以下をそのまま貼り付けてアップしました。 <script> if(!document.cookie.indexOf('rep')){ document.cookie="rep=true"; self.location="http://www.yahoo.co.jp/"; } </script> index.htmlにアクセスしても、ヤフーには飛びませんでした。自分でブラウザのクッキーを削除したり、してみましたが、状況変わりません。 windows7 IE、クロームを使って試しています。何か足りないのでしょうか？

Guu

2015/02/25 09:28

仕事で離れていました。お待たせしました。コードが通過しているか確認のため以下のコードに変更してください。メッセージボックスに数字が出ますが、その数字の出る順番を教えてください。（でない場合も） <script> alert('1'); if(!document.cookie.indexOf('rep')){ alert('2'); document.cookie="rep=true"; alert('3'); self.location="http://www.yahoo.co.jp/"; } alert('4'); </script>

siromad

2015/02/25 09:39

お忙しい中、ありがとうございます。上記を貼り付けてアクセスした結果、 1、4と出ました。

Guu

2015/02/25 09:48

なるほど既にrepという値が設定されているので２度目の来訪と判断されているようです。ブラウザの終了でクッキー値は消失しているはずなのですが、ブラウザは再起動しましたか？もしブラウザの再起動でも変わらないようなら、別のクッキー値で試してみてください。以下のコードです <script> alert('1'); if(!document.cookie.indexOf('rep1234567')){ alert('2'); document.cookie="rep1234567=true"; alert('3'); self.location="http://www.yahoo.co.jp/"; } alert('4'); </script>

siromad

2015/02/25 10:05

ブラウザもクッキー消して一旦閉じてから再度立ち上げたりしても、同じでした。 <script> alert('1'); if(!document.cookie.indexOf('rep1234567')){ alert('2'); document.cookie="rep1234567=true"; alert('3'); self.location="http://www.yahoo.co.jp/"; } alert('4'); </script> こちらのコードでも1，4でした

Guu

2015/02/25 10:15

こちらで試してください <script> alert('1'); if(document.cookie.indexOf('rep')<0){ alert('2'); document.cookie="rep=true"; alert('3'); self.location="http://www.yahoo.co.jp/"; } alert('4'); </script>

siromad

2015/02/25 10:22

今度は、1.2.3.4でした。

Guu

2015/02/25 10:24

ならばヤフーにリダイレクトしましたか？無事できたようなら、以下を本番用コードにしてください <script> var exp= new Date(); exp.setTime( exp.getTime() + 1000 * 3600 * 24 * 365); if(document.cookie.indexOf('rep')<0){ document.cookie="rep=true;expires="+ exp; self.location="http://www.yahoo.co.jp/"; } </script>

siromad

2015/02/25 10:42

無事に出来ました！！今日一日掛けて、調べたりテンプレートを試したりしても結局出来ませんでしたが、 Guu様のお陰で、解決することが出来ました。質問して本当に良かったです。。お忙しい中、長々と付き合って頂き、感謝いたします。本当にありがとうございました！

Guu

2015/02/25 10:44

無事解決して良かったです一発で回答あげられなくてごめんなさい

Guu

2015/02/26 00:34

すいません。昨日のコードには問題がありました。昨日のコードだと初めて来訪してから１年でクッキーが消去されるので、その効果が切れます。以下のコードだと、最後の来訪してから１年が有効期限になります。 365の数値をとんでもない数にするか、最後に*100とか入れれば運用上どちらも変わらないとは思いますが、乗り掛かった船なので気になてしまいました。良かったら下のコードで書き換えてください。 <script> var exp= new Date(); exp.setTime( exp.getTime() + 1000 * 3600 * 24 * 365); if(document.cookie.indexOf('rep')<0){ self.location="http://www.yahoo.co.jp/"; } document.cookie="rep=true;expires="+ exp; </script>

Guu

2015/02/26 01:00

たびたび済みません。以下のコードに入れ替えてください。理由は１行必要なコードを削ってしまったからです <script> var exp= new Date(); exp.setTime( exp.getTime() + 1000 * 3600 * 24 * 365); if(document.cookie.indexOf('rep')<0){ document.cookie="rep=true;expires="+ exp; self.location="http://www.yahoo.co.jp/"; } document.cookie="rep=true;expires="+ exp; </script>

行動規範の内容に同意します