気のみ気のままなブログ

ページ毎にバナー表示する方法〜その１（全6回）



このブログを見てお気づきの人はいるでしょうか？


googleカスタム検索の上に広告を表示していますが、
実はこの広告はメイン、ポータル、カテゴリ、アーカイブのページ毎に
指定している広告を表示するようにしています。

分かりやすく説明すると、

「気ままに菜園」のカテゴリでは菜園関係のバナー広告だけを表示し、
「気ままに英語」のカテゴリでは英語に関連するバナー広告だけを表示し、
「気ままに学-簿記3級」のカテゴリでは簿記関連のバナー広告だけを表示しています。

決まったカテゴリには決まったバナー広告を表示しているということです。
リロードして確認してみてください(ﾉ∀｀*)ﾍﾟﾁｮﾝ
他のカテゴリは重複して表示させているので分かりにくいかもしれません・・・。


ファンブログの設定をしたことがある人はおわかりでしょう！


「コンテンツ設定」の「項目追加・編集」で広告用の項目を作りバナーソースを
貼り付けると、「機能選択/並び替え」で配置したとおり、
全ての項目の位置が統一されてブログに表示されてしまいます。
つまりトップページで表示しているバナー広告がカテゴリやプロフィールに
ページ遷移しても同じ位置で表示されてしまい関係のないバナーを表示してしまうということになります。

a8.netのローテイションバナー機能を使ってランダムに表示させる方法もありますが
この場合はランダムに広告が表示されるので芸がありません

そこでこの問題を少しでも解決したいという思いで、
java Scriptを使ってバナーを切り替えるコードを考えてみました。

とはいってもjava Scriptについて詳しい知識があるわけでもありませんので

「とりあえず動作しているのでいいかなぁ〜」

という同じ感覚をお持ちの人だけ読んでくれたらありがたいです

もっと簡素なコードがあるよという人はコメント欄に記載していただけるとありがたいです。


次回、『ページ毎にバナー表示する方法〜その１』に続く・・・。