WPCMS.jp » SQL

Google Chart APIで動的にグラフ生成

みやざわ — Tue, 29 Apr 2008 08:58:58 +0000

WordPress内のデータをGoogle Chart APIで動的にグラフ作成。

ふと急にGoogle Chart APIを使ってみたくなり、WordPress内のデータを使って動的にGoogle Chart APIでグラフを出力するテストをしてみた。

とりあえず、カテゴリごとの記事の割合をグラフにしてみる…こういう目的ならタグクラウドで十分な気もするけど、将来的に応用できそうなので、メモということで。

※先に言ってしまうと、Google Chart APIはまだ日本語対応が十分でなく、ひらがなとカタカナしか表示できません…しかもフォントも微妙。カテゴリースラッグにアルファベット入れてあれば下のコード内のnameの代わりにslagに差し替えて即使えます。

　

※漢字が文字化け…こちらの開発メンバーによるコメントでは「取り組んでるけど、簡単じゃないよ」とのことです。。。

【追記 2008-12-11】
今は漢字に対応しているようですよ。試していませんが→
Google Chart API で漢字を含む日本語が通るようになったれぶろぐ

ということで日本語はまだ使えないですが、以下解説。

■やっていること：
Google Chart APIは、imgタグのsrcにパラメータ付きのURLを埋め込んでやるだけで簡単にグラフ画像を取得できます（ユーザー登録など不要）。なので、そのURLのパラメータをつくってあげます。カテゴリごとの記事数を取得して、記事の総数に対するパーセンテージを割り出し、APIの書式に従って出力します。

■ソース：
ver.2.3以上（2.5で確認）

＜?php
global $wpdb;

//記事の総数を取得のため
$allposts = new WP_Query(“showposts=-1″);

$sql = “SELECT * FROM ” .$wpdb->terms .” t “;
$sql.= ” LEFT JOIN “.$wpdb->term_taxonomy .” tt ON t.term_id = tt.term_id “;
$sql.= ” WHERE tt.taxonomy != ‘link_category’ “;
$sql.= ” GROUP BY t.term_id “;
$sql.= ” ORDER BY tt.count DESC “;
$mycat = $wpdb->get_results($sql);

//カテゴリごとの記事数のパーセンテージを記事総数から割り出してカンマ区切りで並べる。
//同時に、対応するカテゴリ名を「|」区切りで並べる。
//カウントが0のカテゴリは拾わない。
for($i = 0; $i < count($mycat); $i++){
if ( $mycat[$i]->count != 0 ){
if ($i != 0 ){
$count = $count .”,”;
$cat_list = $cat_list .”%7C”;
}
//post_countで記事総数を取得
$count = $count .round($mycat[$i]->count / $allposts->post_count *100 );
$cat_list = $cat_list .$mycat[$i]->name;
}
}

$url =”＜img src=’http://chart.apis.google.com/chart?”;
$url.=”cht=p”;
$url.=”&chtt=Google%20Chart%20TEST”;
$url.=”&chs=450×190″;
$url.=”&chd=t:” . $count; // ←カテゴリごとのパーセンテージを挿入
$url.=”&chco=0000ff”;
$url.=”&chl=” .$cat_list; // ←それぞれのカテゴリ名をラベルとして挿入
$url.=”‘ alt=’Google Chart TEST’ /＞”;

echo $url;

?＞

■ver2.2以前（ME2.2.3で動作確認）※テーブル構造が違うため

＜?php
global $wpdb;

//記事の総数を取得のため
$allposts = new WP_Query(“showposts=-1″);

$sql = “SELECT * FROM ” .$wpdb->categories;
$sql.= ” ORDER BY category_count DESC “;
$mycat = $wpdb->get_results($sql);

//カテゴリごとの記事数のパーセンテージを記事総数から割り出してカンマ区切りで並べる。
//同時に、対応するカテゴリ名を「|」区切りで並べる。
//カウントが0のカテゴリは拾わない。
for($i = 0; $i < count($mycat); $i++){
if ($mycat[$i]->category_count != 0){
if ($i != 0 ){
$count = $count .”,”;
$cat_list = $cat_list .”%7C”;
}
//post_countで記事総数を取得
$count = $count .round($mycat[$i]->category_count / $allposts->post_count *100 );
$cat_list = $cat_list .$mycat[$i]->cat_name;
}
}

echo $url;

?＞

以上

■結果：
出力した結果は先の図…文字化けしています。カテゴリごとの記事のパーセンテージが円グラフになり、それぞれに対応するカテゴリ名がラベルとして出力されます。グラフの形や色などパラメータについてはこちらのDeveloper’s guideにいろいろ解説されています。

カスタムフィールドに設定した値を集計してあげれば、いろいろ応用できそうですね。ページごとのアクセス数の推移などもプラグインを併用すれば比較的簡単にグラフ化できそうです。そしてログインしたクライアントにのみ表示する、など。

参考記事）
Google Hacks: Pacman graph with Google Charts Matt Cutts: Gadgets, Google, and SEO (2008/4/24)
WEB API – Google Code Chart キター 404 Blog Not Found (2007/12/7)

ウィジェット

みやざわ — Sun, 27 Jan 2008 09:00:37 +0000

ようやくWordPressの「ウィジェット」機能を使用し始めました。

ウィジェットとは、サイドバーの項目を並び順もその中身も管理画面から簡単に変更することができる機能です。Ajaxを使用してドラッグ＆ドロップで直感的に並べ替えできます。ver.2.2以降のWordPressでは標準機能となっています。また2.0、2.1もプラグインを入れることで対応させることができます。

■ウィジェット機能のプラグインをダウンロード（2.2以降は不要）

Widgets Plugin Downloads Automattic, Inc.

さて。WordPressをCMSとしてサイト構築に使用する際、単に最新コメントやカテゴリやアーカイブを張り込めるだけでは意味がありません。また、すべてのウィジェットが１つのサイドバーに詰め込まれるようでは、ポータルサイトのようなコンテンツが豊富なCMS的利用の場合には、レイアウトに無理が生じる。

最初の、ウィジェットとして設定できる内容については、標準で用意されている基本的なもののほか、プラグイン同様、世界中でつくられて配布されています。なにより自由項目ともいうべき「テキスト」ウィジェットがあるので、アフィリエイトや固定バナーなどはこれが使える。Googleアドセンスを放り込んで動作を確認しました。

ただ、CMSとして使用する場合は「ウィジェット内でPHPを実行できる」もしくは「ウィジェットが簡単につくれる」と利用価値がいっきに高まります。これができれば、今までテンプレートの中に書き込んでいたクエリやSQLをウィジェットの中に放り込んで実行し、場合に応じて簡単にセクションの並び替えが簡単にできる…たとえコードが読めないクライアントの担当者であっても。

PHPの実行は、従来から「runPHP」「ExecPHP」というプラグインにより投稿画面内でPHPを使えたので、ウィジェット紹介サイトで探すとすぐに見つかりました。

■ウィジェット紹介サイト：
WordPress Widgets
List of Widgets

■PHPを実行できるウィジェット「ExecPHP」：
Fun with Widgets Nothing to see here

ウィジェットをダウンロードしたら、プラグインと同じディレクトリにFTPでアップロードして、プラグイン管理画面で「有効化」するだけです。表示＞ウィジェットに移動すると、ページ下部「利用できるウィジェット」に「PHP Code 1」というウィジェットが追加されているはずです。

２番目に挙げた、ウィジェットのセクション数については、幸い複数のウィジェットグループを２つ以上のセクションで使えるようです。register_sidebar() の代わりに register_sidebars(数字または名称) とするだけのようです。あとでソースを見てみよう。

WordPressに標準でついてくるテーマ（テンプレート）はウィジェットが使えるサイドバーが１個だけですが、設定が簡単なようなのでウィジェットに対応したダブルサイドバーのテーマもきっとたくさん配布されているでしょう。

—

続いて次回、「ウィジェットでバナー広告管理（掲載期限付き）」の設定例を紹介します。

WordPress カテゴリ別RSSフィードを生成

みやざわ — Tue, 16 Oct 2007 16:26:12 +0000

このブログのアクセスログを見てると、検索キーワードとして
『WordPress カテゴリ別 RSS』
というような検索が結構ありますが、これはWordPressに標準で備わっています。
いたって簡単。
カテゴリURLのうしろに、それぞれ下記の表記を足してやれば良いです。
カテゴリだけでなくタグも同様。プラグインなどは要らない。

「RSS 2.0」の場合
feed/
「RSS 0.92」の場合
feed/rss/
「Atom 0.3」の場合
feed/atom/

例）求人サイト「シゴトの森」、カテゴリ＝東京都のAtom

http://4510m.in/category/地域/東京都/feed/atom/

—
１つのサイトを複数のWPを使って運営している場合、これらRSSフィードを「InlineRSS」などのプラグインを使ってそれぞれのサイドバーなどに呼び出してやれば、シームレスに見せることができますね、簡単に。（もちろんダイレクトにSQLでデータベースから呼び出しても良いです）