TOP > 事業内容 > 【RONJON】リンク用バナーのランダム表示方法

【RONJON】リンク用バナーのランダム表示方法

こんにちは!もっち(望月廣昭)です。

多くの方々より応援をいただきまして、
着実にアクセスを延ばしているRONJON JAPAN オンラインストア。

ご好評をいただいております、たくさんのバナーを、
より楽しんで設置していただけるよう、ランダム表示の設置方法について記します。
(このページ、右側メニューにある「起業コンテンツ第1弾」がランダム表示です。)


今回、バナーのランダム設置を行うにあたり、
「studio md」様の「バナーやアフィリエイトを、jsでランダムに表示させる」という記事を
参考にさせていただきました。
ありがとうございました。


■Javascript用ファイルを用意します■

テキストエディタ(メモ帳、秀丸など)を利用して、下記のようなソースを作ります。

tag=new Array(); 
tag[0]='<a href="http://rjproject.com/ec/"><img src="http://バナー[0]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>'; 
tag[1]='<a href="http://rjproject.com/ec/"><img src="http://バナー[1]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>';

i=Math.floor(Math.random()*tag.length); 
document.write(tag[i]); 

※数を増やす場合は・・・
tag=new Array(); 
tag[0]='<a href="http://rjproject.com/ec/"><img src="http://バナー[0]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>'; 
tag[1]='<a href="http://rjproject.com/ec/"><img src="http://バナー[1]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>';
tag[2]='<a href="http://rjproject.com/ec/"><img src="http://バナー[2]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>'; 
tag[3]='<a href="http://rjproject.com/ec/"><img src="http://バナー[3]の保管場所のURL" alt="RONJON JAPAN PROJECT" width="横幅指定" height="縦幅指定" border="0"/></a>'; 

i=Math.floor(Math.random()*tag.length); 
document.write(tag[i]);
といった具合に増やしていきます。

作成が終了したら、ファイル名を指定して保存します。
ファイル名はお好きな名前で結構ですが、
ここでは「randombanner.js」とします。

保存したファイルを、利用されているレンタルサーバーや、ブログサービスの、
保存可能なディレクトリに保存します。
(サーバー上にファイルが置けない場合は、利用出来ません)



■表示したいページの箇所にソースを貼る■

次に、表示したいページの箇所に、下記のソースを貼ります。
青字が変更箇所です。
<script type="text/javascript" src="http://JAVASCRIPTを保存したURL(最後は、randombanner.js" charset="utf-8"></script> 
※utf-8は文字コードの指定です。お使いのシステムに合わせた文字コードをご利用ください。



以上が設置のためのノウハウとなります。
設置後、ランダムに表示されるかのご確認をお願いします<(_ _)>

コメント:0

コメントをお寄せ下さい

トラックバック:0

この記事のトラックバックURL
http://www.secretservice.jp/mt/mt-tb.cgi/1329
Listed below are links to weblogs that reference
【RONJON】リンク用バナーのランダム表示方法 from もっちの起業ブログ

TOP > 事業内容 > 【RONJON】リンク用バナーのランダム表示方法

起業コンテンツ第1弾
サイト内検索
Feeds

Return to page top