ライブドアブログで動的にバナーを表示(リンクも変更)することは可能か

今回は、ライブドアブログのページで動的にバナーを表示
(リンク先もあわせて動的)できるのか?を解決する。


結論:やろうと思えばできる。


やり方:
1.Javascriptを利用する
2.動的なファイルが設置可能な違うサーバーを利用する
この2種類がある。

http://blog.livedoor.jp/japanrock_test/?blog_id=2352238
↑試しに作ってみた。


1.ライブドアブログの機能で可能か?
―――――――――――――――――――――――――――――――――
とりあえず、トップページのデザイン修正HTMLレベルで可能なのか?

【カスタマイズ/管理 ⇒ プラグインの設定】
http://cms.blog.livedoor.com/cms/plugin/?blog_id=115209

プラグインの並び順、位置、名前を設定します。
3カラム(3列)のデザインを選択している場合、プラグインの表示位置を指定することができます。通常、「A」が左、「B」が右に設定されます。
2カラム(2列)のデザインの場合、「A」のプラグインのみが有効、または「A」→「B」の順番で表示となりますので、注意してください。

このページで3カラム(3列)のデザイン調整が可能。

でも、ライブドアブログの機能には、リロードごとにイメージを変える機能はなさそう。


2.Javascriptを利用する
―――――――――――――――――――――――――――――――――
http://knowledge.livedoor.com/2317

>.jsの拡張子が付くファイルは設置できない上、有償のPRO版でないと独自のファイルは設置できません。
有償なら可能らしい。.jsはどうなんだ?

プラグインの新規追加で、上級プラグインにあるフリーエリアを追加
↑見てみる。

【ブログの設定/管理 ⇒ 新規追加 ⇒ 上級者向けプラグイン ⇒ javascript
↑これで、javascriptの参照は可能なのは分かった。

javascriptの利用は可能らしい!
ただ、サーバーからのダウンロードしかダメらしい。

ライブドアブログにファイルをアップできないのか?

【ブログの投稿 ⇒ ファイルのアップロード/管理】
では、出来なかった。

しかし、
>ファイルを別途アップロードできないときは、テンプレートを直接修正します。

そうか、HTMLの中に書いてしまえばいいんだ。

>ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシートCSS)」右隣、「トップページ」を選びます。
JavaScriptなので、の後ろや、の後ろなど、適切な場所を見つけて貼り付けてください。
同じく再構築が必要です。「ブログに設定を反映(再構築)」を選び、「再構築する部分を指定」があるので、「トップページ」を選んで「ブログを再構築する」というボタンを押せば完了です。

なるほどねー。
javascriptを利用すれば出来そうだ。


作ってみよう。

要するに、


<a href="0.html">
<img src="0.jpg">
</a>

この0.html, 0.jpg の部分を動的にすればいいだけだ。


<script language="javascript">
var url = new Array(3) ;
var link = new Array(3) ;
url[0] = "http://hogehoge.jp" ;
url[1] = "http://hogehoge.com" ;
url[2] = "http://hogehoge.biz" ;
link[0] = "0.jpg" ;
link[1] = "2.jpg" ;
link[2] = "3.jpg" ;

var rand = Math.floor( Math.random() * LENGTH );
document.write( "<a href='url[rand]'>" );
document.write( "<img src='link[rand]'>" );
document.write( "</a>" );
</script>


でも、できればサーバーサイドで作りたいよね・・・。


3.ライブドアブログ内でプログラミングは可能か?
―――――――――――――――――――――――――――――――――
http://knowledge.livedoor.com/12431
perlCGIを利用できるかと言う問い。
>残念ながら,出来ません.

perlは消えた。

http://knowledge.livedoor.com/2317
ライブドアブログでは、残念ながらphpを使う方法がありません。

PHPも消えた。


結論・・・使えなそう・・・。



4.動的なファイルが設置可能な違うサーバーを利用する
―――――――――――――――――――――――――――――――――
違うサーバーにお世話になるなら、方法は色々在る。
例えば、ライブドアのブログにこのようなイメージタグを貼る。

<a href="http://hoge.jp/link.php">
<img src="http://hoge.jp/image.php">
</a>

このアドレスにアクセスしたときに、イメージにリダイレクトするようにすればいいのだ。
そして、そのリダイレクト先をアクセスごとに修正すれば可能だ。

image.php
<?php
header("Location: http://hoge.jp/image/1.JPG");
?>
↑これを動的にすればいいだけだ。


この場合だと、リンクとイメージが一致させることが出来ないが、
色々やれば、できるだろう。


今回は、javascriptでやるので、ここのところは、やらないでおく。