バナー画像をランダムに表示させる方法!WPのプラグイン無しで実装!
ワードプレスのプラグイン無しでバナー画像をランダムに表示させる方法を紹介します。
PHPとJavaScriptの2パターン紹介しますので、状況に合わせてぜひ参考にしてください!
バナー画像をランダムで表示する方法【PHP編】
<?php
//バナー画像をランダムで表示する関数 ※WordPressの場合は、「function.php」に記述
function showAdImg() {
$ad_img_arr = array(
'<a href="●●●1.com" target="_blank"><img src="◆◆◆1.jpg" /></a>',
'<a href="●●●2.com" target="_blank"><img src="◆◆◆2.jpg" /></a>',
'<a href="●●●3.com" target="_blank"><img src="◆◆◆3.jpg" /></a>',
);
$ad_img = $ad_img_arr[mt_rand(0, count($ad_img_arr)-1)];
return $ad_img;
}
?>
<?php
//バナー画像を表示させたい箇所で上記関数を呼び出す ※WordPressの場合は、(sidebar.php等)のテンプレート
echo showAdImg();
?>
バナー画像をランダムで表示する方法【JavaScript編】
<script type="text/javascript">
//バナー画像をランダムで表示する関数 ※WordPressの場合は、「header.php」に記述
function showAdImg(){
var ad_img_arr =[
'<a href="●●●1.com" target="_blank"><img src="◆◆◆1.jpg" /></a>',
'<a href="●●●2.com" target="_blank"><img src="◆◆◆2.jpg" /></a>',
'<a href="●●●3.com" target="_blank"><img src="◆◆◆3.jpg" /></a>',
];
var num = Math.floor(Math.random() * ad_img_arr.length);
document.write(ad_img_arr[num]);
ad_img_arr.splice(num,1);
}
</script>
//バナー画像を表示させたい箇所で上記関数を呼び出す ※WordPressの場合は、(sidebar.php等)のテンプレートや、記事本文内でもOK!
<script type="text/javascript">showAdImg();</script>
※'<a href=”●●●1.com” target=”_blank”><img src=”◆◆◆1.jpg” /></a>’の部分を任意の広告に変更してください。
数を増やしたいなら追加していけばOK!
10個でも20個でも100個でもOK!!
バナー画像をランダムで表示するメリット
アフィリエイト用のバナー画像をサイドバーや記事下などに配置している人は多いと思います。
しかし、ASPから取得したコードを貼り付けても、基本的には1種類の広告しか表示させることができません。
毎回同じ画像広告しか表示されていないと、ユーザーに飽きられてしまいますし、クリック率も下がってしまいます。
「じゃあ貼り付ける広告を増やせばいいじゃん」と思う人もいるかもしれませんが、そうすると広告だらけのページになってしまい、ページが見にくくなるだけでなく、サイトの信頼まで失いかねませんね。
そんな時に、バナー画像をランダムに表示するようにすれば、すべてが解決されます!
バナー画像をランダムで表示することで、ユーザーがページにアクセスする度に表示される画像広告が変わるので、ユーザーの目を引き付けることが出来、好みの画像が出てきた時にクリックされやすくなります。
また、ページ内に広告をペタペタとたくさん貼り付ける必要が無く、少ない広告スペースで済むというのも大きなメリットですね。
Your Message