ホームページ小技 - 作成ポイント - 裏技 - javascriptサンプル 

ランダム広告表示 - 2

広告を張っている人間にとってランダム表示というのは実現させたいものです。
広告配信サービスの中には、ランダムで表示してくれるものもありますが全てではありません。
そこで今回ご紹介するのは、広告をランダムで表示するお手軽なスクリプト
ちなみにこれは、バナーのランダム表示スクリプトとしても使用できます

外部ファイル(random2.js)

/* 作成元:http://www.notitle-web.com/ */

function display(){

var ad = 表示させる広告数;

/*これ以降は、3,4,5と数字を増やしてください。*/

document.write('<table border=1><tr>');

for(n=0;n < ad;n++)
{
document.write('<td width="">');
random();
document.write('</td>');
}

document.write('</tr></table>');
document.write('');

}

function random()
{

if(n == 0)
{
url = new Array("広告数);
img = new Array(url.length);
text = new Array(url.length);

url[0]="リンク先URL";
img[0]="広告画像";
text[0] = "広告テキスト";

url[1]="リンク先URL";
img[1]="広告画像";
text[1] = "広告テキスト";

url[2]="リンク先URL";
img[2]="広告画像";
text[2] = "広告テキスト";

url[3]="リンク先URL";
img[3]="広告画像";
text[3] = "広告テキスト";

/* 以下広告数が増えるたびに4,5,6,,,と増やしていく */

}

i = Math.floor(Math.random( ) * url.length);
document.write('<a href="'+url[i]+'" target="_blank">');
document.write('<img src="'+img[i]+'" border="0"></a><br>');
document.write('<a href="'+url[i]+'" target="_blank">' + text[i] + '</a>');
url.splice(i,1);
img.splice(i,1);
text.splice(i,1);
}

}
表示させたいHTMLファイル

head部分に
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="javascript" type="text/javascript" src="random2.js"></script>

表示させたい部分に
<script>
<!--
display();
-->
</script>
<noscript>
<a href="http://www.notitle-web.com/" title="素材" target="_blank">no title</a>
</noscript>

サンプル(html)
サンプル(js)