JavaScriptを使ってリンクシェア等の広告をランダムで表示させる方法

JavaScriptを使ってリンクシェア等の広告をランダムで表示させる方法

こんにちは、naouniverse( @naouniverse708 )です。

当記事投稿日時現在、サイドバー最下部に広告を表示しています。

ある時、JavaScriptを使ってリンクシェア等の広告をランダムで表示させるのを思いついたので、ちょっと試してみました。

<script type="text/javascript">

/* 数字は広告の数 */
var n = 3;
var ad = new Array(n);

/* 配列の各要素に任意のリンクタグを追加 */

ad[0] = 'リンクタグ1';
ad[1] = 'リンクタグ2';
ad[2] = 'リンクタグ3';

/* リンクタグ追加ここまで */

/* 乱数発生 */
var x = Math.floor( Math.random() * n );
/* 出力 */
document.write(ad[x]);

</script>

上記リンクタグはシングルクォーテーション「'」で囲います。

仮に上記リンクタグをダブルクォーテーション「"」で囲う場合、リンクタグの文字列内「"」の前に円記号もしくはバックスラッシュを追加することになるのですが、このエスケープシーケンス(合ってる?)が超めんどくさい・・・

よって、リンクタグをシングルクォーテーション「'」で囲っています。

あとは、広告の画像サイズはそろえた方が良さげです。

改善の余地はありますが、ひとまず意図した動きはできました。
また、色々と応用できそうです。

  • このエントリーをはてなブックマークに追加

『naouniverse.com』では、管理人が気になるモノ・コト・セカイについて、つらつらと書いています。
ガジェット・カメラ・デザイン・プログラミング・L'Arc~en~Cielなどなど・・・