ランダムにバナー広告を表示させるには？
JavaScript
バナー広告をランダムに表示するスクリプトを紹介します。
外部JSの作成
ファイル名「banner.js」をバナー画像と同じ場所に作成します。
- 画像ファイルの指定→bannerの配列
- 代替テキストの指定→messageの配列
- リンク先の指定→linkの配列
それぞれ下のソースのように記述していきます。
banner[0]に対応する代替テキストはmessage[0]、リンク先はlink[0]という風に、
すべて同じにしておいてください。
function random_banner() {
banner = new Array();
banner[0]="office2007.gif";
banner[1]="xweb.gif";
banner[2]="vista.gif";
banner[3]="banner_sr.gif";
message = new Array();
message[0]="Office 2007を試してください";
message[1]="Expression Webでは、Web標準のサイトを簡単に構築できます";
message[2]="Vistaに変えてみよう";
message[3]="求む！日本のMicrosoft MVP";
link = new Array();
link[0] = "http://office2007.jp";
link[1] = "http://www.microsoft.com/japan/products/expression/expression-web/";
link[2] = "http://www.microsoft.com/japan/windows/products/windowsvista/";
link[3] = "http://www.microsoft.com/japan/communities/mvp/selfregistration.mspx";
rand = Math.floor(Math.random()*banner.length);
document.write("<p><a target='_blank' href="+link[rand]+"><img
alt="+message[rand]+" src="+banner[rand]+" style='border-style:none'></a></p>");
}
バナーを表示させる場所に記述する
次に、バナー広告を表示させたい場所に以下の記述をします。
banner.jsがそのWebページとは別の場所にある場合は、banner.jsへのパスを指定してください。
<script type="text/JavaScript" src="./banner.js"></script> <script type="text/JavaScript"> random_banner(); </script>
INDEX