javascriptでブログに自前バナー

本ブログ運営者は本ブログの他に うさ犬ランド と称すオリジナルキャラクターによるホームページを運営しています。 本ブログにも漸次アクセスされる方も増えてきましたので 出来ることならオリジナルキャラクターサイトの存在も知って貰うが吉と、 自前のサイト向けに自前のバナーで謂わば広告を設置することにしました。 設置場所としては2011年7月3日に ブログからFacebook Comments機能を取り外す ことをしたその後釜に据えています。 この位置に大きくカラフルなイラストバナーを配置することで 記事の独立性の認識の向上が図られるとも考えています。

設置するにあたり手法は javascript を採用しています。 バナーデザインとしては右上図にあるように横長のものを5タイプ用意していて、 表示の度に無作為にプログラムにひとつ選択させて、 見る方の目を飽きさせないように配慮しました。 またリンク先はただ一つではなく 季節をテーマとしたオリジナルキャラクターの特に 夏のページ55頁に対して、これもまたプログラムにランダムに一つ選択させて リンクを繋げるようにしています。 従って55×5＝275種類のリンクが用意されることになります。 静的にこれだけのリンクを用意するのは容易ではありませんから 矢張り此処は動的にリンクを処理出来る javascript の登場となった訳です。 またリンク先のちょっとした確認が出来るように リンクには title属性 を設定してありますので、オンマウスでリンク先頁のタイトルが表示されるようになっています。

ブロガーさんなら分かって貰えると思いますが 毎度のブログ記事の投稿は結構大変なものですよね。 頑張って更新をしている自ブログですから 他の運営サイトを其処で紹介出来るというのも ブログ継続のちょっとしたモチベーションになるのではなるのではないかと思います。