logo logo_banner

Javascriptでバナーをランダムに表示する

ページにアクセスするごとに、

ランダムに選択されたアフィリエイトのバナーを表示するスクリプト。

Javascriptは初心者ですが、とりあえずは表示に成功。

 

「banner.js」を以下の内容でルートに作成。

(例:http://www.example.com/banner.js)

tag = new Array();

tag[0]=’<a href=”http://www.example.com/” target=”_blank”><img src=”http://www.example.com/banner1.jpg” alt=”バナー1″ border=”0″ /></a>’;

tag[1]=’<a href=”http://www.example.com/” target=”_blank”><img src=”http://www.example.com/banner2.jpg” alt=”バナー2″ border=”0″ /></a>’;

tag[2]=’上記同様にバナーのタグを入れる’;

i = Math.floor(Math.random()*tag.length);

document.write(tag[i]);

 

HTMLファイルのバナーを表示したい箇所に以下のコードを記述。

(例えば、http://www.example.com/index.htmlの場合)

<script type=”text/javascript” src=”http://www.example.com/banner.js” charset=”utf-8″></script>

 

こでだけでOK。

今後の課題は、一定時間ごとに表示したバナーをランダムに変更できるようにしたいと思います。

 

[今回参考にしたページ]

バナーやアフィリエイトを、jsでランダムに表示させる | Java script、Ajax | 青森県八戸市 ホームページ制作・作成 studio md
http://studiomd.jp/archives/homepage/java-script/randombanner.php
バナーやアフィリエイトを、jsでランダムに表示させる | Java script、Ajax | 青森県八戸市 ホームページ制作・作成 studio md

 

PHPで同じことを行う方法は以下を参照

http://hoshiya.biz/2009/05/php.html 

This entry was posted in Javascript and tagged . Bookmark the permalink.

One Response to Javascriptでバナーをランダムに表示する

  1. PHPでバナーをランダムに表示する

    ページにアクセスするごとに、 ランダムに選択されたアフィリエイトのバナーを表示す…