当ページのリンクには広告が含まれています。
使える小技テク【その１】：画像をランダムに変える方法
ブログ、サイトで使える小技テクニックを今後不定期に発信していきます。＾＾
第1回は「画像をランダムに変える方法」です。
まずは、未来派のブログで画像がランダムに変わる
のを確認してください。＾＾
未来派ブログ：TOPページを開いてください。（別窓で開きます＾＾）
ブログ名称の「情報商材アフィリエイトで稼ぐブログ」を
クリックするか「更新」ボタンで更新してみてください。
グローバルメニュー下の画像（660×220ピクセル）が
ランダムに入れ替わることを確認できます。
今回は13枚の画像を準備して更新ごとにランダムに
表示されるようにしています。
▼画像１（660×220ピクセル）
▼画像２（660×220ピクセル）
▼画像３（660×220ピクセル）
▼画像４（660×220ピクセル）
▼画像５（660×220ピクセル）
▼画像６（660×220ピクセル）
▼画像７（660×220ピクセル）
▼画像８（660×220ピクセル）
▼画像９（660×220ピクセル）
▼画像１０（660×220ピクセル）
▼画像１１（660×220ピクセル）
▼画像１２（660×220ピクセル）
▼画像１３（660×220ピクセル）
今回の方法はJavaScriptを利用したものです。
最初に何枚かの画像を準備して、サーバーに
アップロードします。
次にhtml内で画像を入れたいところに次のスクリプトを
挿入してください
———————————————————
<script language="JavaScript">
var images = new Array();
/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";
images[1] = "画像２のURL";
images[2] = "画像３のURL";
var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<img src=',images[rnd],' border="0">');
</script>
———————————————————–
画像の枚数は何枚でもかまいません。
images[0] = "画像１のURL";
images[1] = "画像２のURL";
images[2] = "画像３のURL";
images[3] = "画像４のURL";
images[4] = "画像５のURL";
images[5] = "画像６のURL";
という感じで増やしていけばOKです。＾＾
未来派が、TOP画面の画像をランダムに変えたのは
見に来ていただいた方に新鮮さをもっていただきたい
ことと、楽しんでいただきたいいう思いからです。＾＾
あなたのブログは飽きられていませんか？
もし、そう感じているのであれば、今回ご紹介した
画像をランダムに変える方法を試してみる価値は
ありますよ。＾＾
【応用編】画像をランダムに変える方法をアフィリに使う
画像をランダムに変える方法はアフィリエイトで
有効に使うことができます。
右サイドバーにアフィリしている商材の
画像とアフィリリンクを入れているのを
よく見かけますよね。
多い人で６～８個並べています。
1箇所で複数の商材をランダムで表示できれば
見る方も新鮮に見えると思いませんか？
コチラのサイトを参考にしてください。
▼複数の画像リンクからランダムに1つを表示
http://allabout.co.jp/gm/gc/23925/
更新するたびに4つの花の画像が入れ替わっていますね。
さらにその画像の下のテキストリンクも同様に入れ替わって
います。＾＾
ブログ上で一番読者が注目する場所を
３カラムで説明すると・・・
●1位：左サイドバー
●2位：中央上部
●3位：右サイドバー
つまり、右サイドバーの5番目、6番目になると
ほとんど注目されていないということになります。
ということは・・・
右サイドバー上部にランダムに画像＋アフィリリンクが
入れ替わるスクリプトを設置すれば・・。
試してみる価値はありますね。
次回の【使える小技テク】をお楽しみに＾＾
３ＭブログサイトアフィリエイトLUREAでは、1カラムLP成約ページ：スナイパーサイト構築法とライバルサイトと差別化するWebデザインのギミックの執筆を担当。その後、2014年「YouTube Adds pro」、2015年「ネットビジネス税金対策ストラテジーNTS」、2016年にWordPressテンプレート「ALPHA WordPress Theme」をリリース。キャッシュポイントの分散を重要視し、コンテンツ販売、各種アフィリエイト、ホームページ作成、2018年からはWEBコンサル「PATIO」を2期運営するなど幅広い分野でビジネスを展開中。現在はWordPress構築とWEBデザインスキルに特化したコミュニティーサービス『OWC』を提供して多くのメンバーに好評をいただいている。
下記ツール・イラスト・プラグイン・ノウハウを無料でプレゼントします。お好きなものをダウンロードしてあなたのビジネスで活用してください。(※すべてもOK！）
3Dカバーソフト
illustonⅡ
YouTube Adds mini
即戦力ライティング
14の心理効果
ネット税金対策
LP作成ツール ＷordＰressプラグイン「Mikomi」使用
未来派野朗 hiroさん
こんばんは。
インフォペガサスこと宮嵜誠と申します。
スゴイですね。
訪問者を飽きさせない配慮を
ブログにたくさん感じます。
3Dのタグには驚きました。
僕は、まだこの当たりのスキルは不足しているので、
また勉強に訪問します。
応援します。
未来派さん
いつもお世話になってます＾＾
ＭＯＴＯです♪
いいですね！これすっごくいいですね('▽'*)
訪問者を飽きさせない工夫。
さすが未来派さんです。
すっごく解りやすくて丁寧な記事。
脱帽しますｗ
これは是非取り入れさせて頂きます♪
ではでは、応援していきます☆
ＭＯＴＯ
[…] （参考：使える小技テク【その１】：画像をランダムに変える方法） […]