アクセスするごとにランダムに切り替わるバナー

公開日: 

アフィリエイトなどの広告バナーがいつまでも同じものだとユーザーの取りこぼしが生じます。バナーがランダムに切り替わればユーザーの取りこぼしも少なくなりますので、ランダムバナーはおすすめです。

以下はphpで記述する場合とJavascriptで記述する場合の2パターンを記載します。

PHPでランダムバナーを作成する場合

わかりやすい名前「banner.php」などを作成してサイトルートにアップロードする。

<?php
	$bnSrc[0]='<a href="http://www.example.com/" target="_blank"><img src="http://www.example.com/banner1.jpg" alt="バナー1" /></a>';
	$bnSrc[1]='<a href="http://www.example.com/" target="_blank"><img src="http://www.example.com/banner2.jpg" alt="バナー2" /></a>';
	$bnSrc[2]='上記同様にバナーのタグを入れる';
	$n = mt_rand(0,count($bnSrc)-1);
	$bn = $bnSrc[$n];
	echo $bn;
?>

※画像やURL部分にアフィリエイトタグを入れても可

ランダムバナーを表示させる箇所に以下のコードを追加

<?php
	$openfile = file_get_contents('http://www.example.com/banner.php');
	echo $openfile;
?>

これで任意の場所にランダムバナーが設置されます。

Javascriptでランダムバナーを作成する場合

わかりやすい名前「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" /></a>';
tag[1]='<a href="http://www.example.com/" target="_blank"><img src="http://www.example.com/banner2.jpg" alt="バナー2" /></a>';
tag[2]='上記同様にバナーのタグを入れる';
i = Math.floor(Math.random()*tag.length);
document.write(tag[i]);

※画像やURL部分にアフィリエイトタグを入れても可

HTMLファイルの表示させた箇所に以下のコードを追加

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

これでHTMLしか扱えない人でもランダムバナーが使えるようになります。

コメント入力欄

主な業務内容

  • ホームページ制作
  • ECサイト構築
  • SEO対策
  • システム構築
  • トレードシステム設計
  • 展示会の企画・設計
  • 日用雑貨の販売
PAGE TOP ↑