ST Winds

FC2拍手をMTに採り入れる

2008年6月 2日

Key Words : 「FC2、拍手、MT、Movable Type、UTF-8、EUC-JP、タグ、テンプレート、文字化け、文字コード」

「FC2拍手（EUC-JP）」をUTF-8のMovable Typeに採り入れてみた。
FC2拍手ページの管理画面で「拍手タグの作成」をせずに、拍手タグ（ボタン）が自動で挿入された状態でエントリー投稿できるように、MTのエントリー・テンプレートに以下のようなタグを入れた。

MT用「FC2拍手」タグ<a href="http://clap.fc2.com/post/ご登録のユーザー名/?url=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>" target="_blank" title="拍手する"><img src="http://clap.fc2.com/images/button/ボタンの色/ご登録のユーザー名/<$MTEntryPermalink$>" alt="拍手する" style="border:none;" /></a> ポイントは、エントリー記事の固定リンクとタイトルを、グローバル・タグ・アトリビュート「encode_url」で16進数ベースに変換する。

固定リンク（URL）部分には、 <$MTEntryPermalink encode_url="1"$> タイトル部分には、 <$MTEntryTitle encode_url="1"$> タグを挿入する。
例えば、「拍手」というタイトルなら「%C7%EF%BC%EA」に変換される。

MT「グローバル・タグ・アトリビュート」の「encode_url」項目を参照。
http://www.sixapart.jp/movabletype/manual/3.3/b_global_filters/#encode_url

「ボタンの色」は、white、black、blue、green、orange、pink、redの７色から選択できる。

当サイトで管理人が自ら拍手ボタンをクリックして確認した範囲内で、タイトルは、全角、半角英数字あるいはそれら混在でも文字化けはなかった。
※半角カタカナは使わない方がいい。

（FC2拍手管理ページの「拍手タグの作成」で作成される拍手タグに含まれるURLとタイトルは、16進数でエンコードされている。試しに16進数エンコードをしないタグをUTF-8エントリー記事に貼り付けて拍手したところ、拍手受付ページや管理ページでエントリーのタイトルが、EUC-JPとUTF-8の文字コードの違いで文字化けする傾向があり、見苦しかった。）

お役に立てれば、これ幸い。

6月24日追記：
障害や時間帯（混雑状況）によっては、拍手画像読み込みに時間がかかるか、読み込めない場合がある。（ボタン読み込み完了までブラウザーが読み込みを続けるので、いらいら）
・・・やめて、cgiの拍手ボタンにする？

7月4日追記：
このエントリー記事内にのみ、fc2拍手ボタンを残す。

投稿者 Take13S : 2008年6月 2日 :