Facebook Commenters 2.3の設定

子供が小学校に上がって、精神的にゆとりが出てきたので、長らく放置していたブログのバージョンアップを実行中。
しかし! 前回のバージョンアップ作業から2年半の間に技術革新は進み、途中で仕様が変わってエラーが出てたり、色々忘れたりしているので、あれこれ検証しつつ設定を進めてます。

まず、コメントの登録/認証の設定。認証方式にFacebookを含めるときに使うFacebook Commenters 2.3の設定。
以前作ったFacebookの認証アプリがエラーになってるみたいだ。
・・・っていうか、アラートのメッセージの日付を見ると、ものすご~く前からエラーになっていたようだ。

以前設定したときは小粋空間さんの記事「Movable TypeのコメントでFacebookアカウント認証を有効にする」とか、「認証ユーザーとしてサインインできるアカウントの設定 」参考にしたけれど、さすがに情報の日付が古すぎるか。
でも、Advanced設定にあるコールバックのURLが古いままだった。MTをインストールするディレクトリが変わればここも変わるじゃんということを今さら発見! まあ、ここは使ってないので特に困らなかったけれど。

Facebookの開発者用のページからMy Apps > 認証用に作ったアプリを選択。
Getting Started > ウェブサイトを選択。

<script>
window.fbAsyncInit = function() {
FB.init({
appId : '自分のID',
xfbml : true,
version : 'v2.3'
});
};

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

これをこの<body>タグのすぐ後ろに貼れとか書いてあるけれど、最後の方で全然構わない。

js.src = "//connect.facebook.net/en_US/sdk.js";

の部分は

js.src = "//connect.facebook.net/ja_JP/sdk.js";

にしておく。

これは自分でもちょっとハマったけれど、あとでいいねボタンを付けるときに、いいねボタンが日本語化できずにLikeになってしまい、悩むことになるので修正。
認証といいねボタンのスクリプトを1つにしておけばいいのだけど、指定されたコードをそのまま2つ貼って、英語と日本語の指定が競合していたというオチでした。

最終更新日:

このエントリーをはてなブックマークに追加

広告