Google Chart APIでQRコード表示

PCから携帯用ページにとばす方法として一番視覚的にわかりやすいのがQRコードです。

QRページが作れるフリーソフトや、web上でフリーで作れるサイトはいっぱいありますが、
たとえば自分のサイトで、ページごとの携帯用サイトへのQRコードを動的に表示させたい、なんて場合、
これまではcgiやPHPのスクリプトを設置するのが一般的でした。


ところがコレ↑を設置しようと思ってググったところ
Googleが超便利サービスを開始していたのを発見。


Google Chartというのは、urlのうしろにいろんなパラメータをつけて画像として表示すると、グラフを吐き出すサービスです。
レーダーチャート、分布図、円グラフ、棒グラフ、折れ線グラフ、メーター表示、地図など種類豊富。
そのサービスに、2ヶ月ほど前にQRコードが加わっておりました。

http://chart.apis.google.com/chart?
のうしろに、パラメータをつけて渡します。パラメータは&で区切ります。
urlや日本語の文字列の場合、エンコードし、エンコードの種類を指定してください。

使用例


このページの携帯版のQRコードです。

<img src="http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=http%3a//gin.zarasu.com/m/index.php?animehack.jp/m/000551.html&choe=UTF-8">

 グラフの大きさ:chs=150x150
 グラフの種類:cht=qr
 埋め込みたい文字列:chl=http%3a//gin.zarasu.com/m/index.php?animehack.jp/m/000551.html
 文字列エンコードの種類:choe=UTF-8

サイト掲載時の注意

Google Chart APIの機能とは関係ありませんが、
QRコードのまわりが黒いと携帯で読み取りづらくなります。
黒っぽい背景のサイトでは、QRコードのまわりの白部分を大きめにとって表示すると吉。

参考にしたサイト

公式サイト
Google Chart API - Developer's Guide QR codes

Google Mania
たつをの ChangeLog
このエントリーをはてなブックマークに追加 はてなブックマーク - Google Chart APIでQRコード表示 RSS mailform

見る

▲このページを読み返す

次に書いたページ  Google サイトマップが新しくなっていた。

前に書いたページ  既存のサイトを携帯用に変換するpc2m

このページのタグ

関連するページ
関連する本
このページへリンクする


このページへトラックバック

※ このページに言及してない記事からのトラックバックはSPAMとみなして削除します。
※ 管理人が承認するまでトラックバックは表示されません。

あにめはっく.jpとは?
イラスト等の講座サイトです。
個人でやってます。
本館は 銀の月動画計画

玉英って誰?
アニメ作ったりイラスト描いたり
プラグインやフォントや素材作ったり
色々してる謎の人です。
プロフィール

■無料フォントダウンロード等
よく訓練されたフォント屋
■背景素材・絵コンテ用紙等
よく訓練された素材屋@あにめはっく.jp
西洋ファンタジー風誤変換人名辞書データベース もめいよふ オンラインボイスの総合カタログ VoiceFL@G▼
■参考サイト リンク集
アキツセントラルTV
■作品のサイト
超法戦隊S.T.7
霊珠

玉英/ザラスドットコム作品一覧

参考書籍等紹介

おすすめ一覧

リンク・RSS

リンクはご自由にどうぞ。

相互リンクご希望の方

このサイトは、次のライセンスで保護されています:
CCライセンス■表示-非営利-継承
クリエイティブ・コモンズについて

購読する このブログの読者になる

QRコード モバイル版こちら

作品購入

このサイトのバナー
Powered by Movable Type 4.01