www.wanichan.com

ランダムにバナー広告を表示させるには?

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>

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ