Google Chart APIを使ってブックマーク機能付きQRコードを生成するための手順まとめ

SPONSORED LINK

Pocket

doco

ちょっとはまったのでメモしておきます。

docomo限定になりますが、QRコードから直接ブックマークさせたいときってありますよね。そうしたQRコードを生成するための方法です。

なお、生成にはGoogle Chart APIを使います。これ以外の選択肢はちょっとありえない・・・すごい便利(まぁ、状況がそうさせない場合もありますが)。

では早速その手順をば。

  • ブックマーク登録用の文字列を用意
  • ブックマーク登録させるための記法は以下のとおり。タイトルとURLは適宜変えてください。

    MEBKM:TITLE:タイトル;URL:URL;;
    

    最初の「MEBKM:」と最後の「;」を忘れずに・・・なんで最後は「;;」なんだろ・・・。あと改行は入れてはいけません。

    なお、文字コードはこのあとGoogle Chart APIに突っ込むのでUTF-8にしておきます。

    あと一応docomoにもリンク貼っておこう。

    » 作ろうiモードコンテンツ:ブックマーク登録機能 | サービス・機能 | NTTドコモ

  • Google Chart API用のコードを生成
  • 次にGoogle Chart API用のコードを作っていきます。これをimgタグのsrcに入れ込みます。

    
    http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=MEBKM:.....&choe=Shift_JIS
    
    

    「chl=」にはさきほど作った文字列をつっこみます。なお、最後の「choe=Shift_JIS」は出力用の文字コードですね。これを忘れると文字化けしますよ。

    あとサイズとかは適当に変えてください。その他のオプションは以下からどうぞ。

    » デベロッパー ガイド – Google Chart API – Google Code

  • お約束・・・
  • QRコードを使う場合は「※ QRコードは株式会社デンソーウェーブの登録商標です」とどこかに記載しておくのを忘れずに。

ここまで出来たら一応テスト。表示されるかな。

↑ 大丈夫かな・・・。

R0013059

↑ ちゃんと読み取れた!

ケータイ向けサービスなんかを作っている人は参考にしてみてくださいな、と。

ツイッターもやっています!

SPONSORED LINK

    • JBB01160
    • August 19th, 2009

    いつも楽しく拝見させていただいています。
    「QRコードを使う場合は~」について一点気が付いたのですが、
    「QRコード」という言葉を掲載するときには、という意味ですよね?
    「QRコードパターン」は登録商標ではないので。
    http://www.denso-wave.com/qrcode/faq.html

  1. No trackbacks yet.