ランダムにURLに飛ばすJavaScript

今回は、リンク先をランダムに設定する方法をご紹介します。

まず次のソースをheaderに書くか、又はJavaScriptファイルをサーバーにアップロードします。

<script type=”text/javascript”>
<!–
myCnt = ;//urlの数を入力
myTable = new Array(
“url1”,//以下任意のurlを入力
“url2”,
“url3″//最後はコンマ無し
);

function myRndLink(){
myRnd = Math.floor(Math.random()*myCnt);
location.href = myTable[myRnd];
}
–>
</script>

そして、次のフォームをhtmlの表示したい部分に書き込みます。

<form>
<input type=”button” onclick=”myRndLink()”>
<form>

formタグををスタイルシートや画像で飾ってオシャレにしても良いですが、基本的にこれで完了です。

このJavaScriptを使ってブログの過去記事にランダムに飛ばすのも良いですし、飛ばしたい外部サイトが色々有る場合に使ってみても良いです。

まとめ

ランダムでリンク先を設定することでユーザーに飽きさせない設定やABテストなどで使用できるのではないでしょうか？

使う機会があればぜひ使ってみてください

正しい効果測定は、正しい計測設定から！Googleアナリティクス設定項目チェックシート（無料）

Googleアナリティクスは、適切な初期設定を行って初めて、解析に役立つデータを計測できます。 正しい効果測定を行う上で、必要な設定項目のチェックシートをご用意しました。