2009年09月09日

seesaaブログで記事URLにも動的にQRコードを生成する方法 このエントリーをはてなブックマークに追加

そーいえば、seesaaでブログをはじめておどろいたことに5年も経っていた。
総記事数はこの記事で多分1100件目のよーな気がする。
先日seesaaブログのカスタマイズ的にseesaaブログで総記事数を表示する方法 | りょーちの駄文と書評という記事を書いてみた。
数年前までいろいろカスタマイズしたりするのが好きだったのだが、最近はそんなでもなくなっていたっす。総記事数を表示するためにseesaaのいろんなカスタマイズサイトを参考にしていたが、いまひとつよくわからなかったので、最終的には無理やりjavascriptで強引に解決してしまった。
思えばseesaaの管理画面も最近は記事投稿とアホスパムを消すくらいにしか利用しておらず、新しい機能を利用しようともおもわなくなっていた。
で、まあ、ちょいと管理画面のあまり見ないところも見てみるとQRコードってのがあった。どうやらQRコードをブログ内に表示できるようである。
ただ、どうやらホームページのURLのみQRコードにしますよといった機能のようであった。記事ごとにURLを拾って動的に生成するよーなものではなかった。

で、ちょっと前にGoogle Chart APIを使ってQRコードを作るぞといった記事があった気がしたのでこれ使えば動的にQRコード生成できんじゃない?と思いやってみたらできたのでその方法をご紹介。

ページのURLを自動でQRコードに変換するJavaScript - QR This! [ゼロと無限の間に] の方法を利用する。

1. seesaaブログの管理者画面で「デザイン」→「HTML」でHTMLを編集する。
2. </head>の手前に以下のように記述し保存する。
<script type="text/javascript" src="https://ryouchi.up.seesaa.net/js/QrThis.js"></script>

3. seesaaブログの管理者画面で「デザイン」→「コンテンツ」で「QRコード」をどこかに入れる。
4. 「QRコード」のコンテンツHTMLを以下のように編集する。
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
このサイトのQRコード
<div align="center">
<script type="text/javascript">
<!--
QrURL.show("","",'http://ryouchi.seesaa.net/');
// -->
</script>
</div>
今見ているURLのQRコード<br />
<div align="center"><script type="text/javascript">
<!--
QrThis.show();
// -->
</script>
</div>
<% content.footer -%>
</div>
5. 保存し、seesaaブログの管理者画面で「設定」→「ブログ設定」→「最新の情報に更新」→「実行」で最新の情報に更新する。

でOKだと思われる。
当然だが、「http://ryouchi.seesaa.net/」の部分は自分のブログのURLに変更してね。

右下にQRコードが2つ表示されていればOK。上側がブログホームで、下側が記事URL(というか今アクセスしているURL)になるっす。

つーか、このQRコード誰が使うんだろう・・・
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


×

この広告は90日以上新しい記事の投稿がないブログに表示されております。