広告配信サービスの中には、ランダムで表示してくれるものもありますが全てではありません。
そこで今回ご紹介するのは、広告をランダムで表示するお手軽なスクリプト
ちなみにこれは、バナーのランダム表示スクリプトとしても使用できます
外部ファイル(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>
/* 作成元: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)