お知らせ

Movable Type 5.1 Webサイト製作ガイドVolume 12011年6月30日

Movable Type 5.1 Webサイト製作ガイドVolume 1」を発売しました。
Movable Type 5.1を基本からしっかりマスターしたい方のための書籍です。
前書「Movable Type 5 Webサイト製作ガイド Volume 1」をMovable Type 5.1対応に改訂しました。 Movable TypeでWeb製作をされている方などにお勧めです。
PDFによる販売で、当サイトでのみ購入できます(書店では購入できません)

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

ブログに記事を書いたことをFacebookに投稿するプラグイン(その1)

| コメント(5) | トラックバック(1)

Movable Typeでブログに記事を書いたときに、その記事の要約等の情報をFacebookの自分のウォールに自動的に投稿するプラグインを作りました。
その使い方のうち、今日はFacebookにアプリケーションを登録するまでの手順を解説します。

1.登録を始める

まず、Facebookにログインした状態で、Facebookの開発者のページに接続します。
初めて接続する時には、「開発者」アプリケーションを許可することを求められますので、「許可する」のボタンをクリックします。
開発者ページに接続すると、右上に「Set Up New App」のボタンがありますので、それをクリックします。

「Set Up New App」ボタンをクリックする

また、アプリを初めて登録する際には、アカウントの確認の作業が必要です。
画面の指示に従って、携帯電話かクレジットカードの情報を登録します。

2.アプリケーションを作成する

「Set Up New App」ボタンをクリックすると、アプリケーションを作成する状態になります。

自分でアプリケーションの名前を決めて、「アプリケーション名」に入力します。
ただし、「face」や「fb」など、一部使えない単語がありますので、それ以外の単語で名前を付けます。
そして、「同意する」のラジオボタンをオンにして、「アプリケーションの作成」のボタンをクリックします。

アプリケーションの名前を決める

次に、「セキュリティチェック」というページが開きます。
「上に表示されている文字」の欄に、その文字を入力して、「送信」ボタンをクリックします。

セキュリティチェック

3.「Web Site」の設定を行う

アプリケーションの作成が終わると、アプリケーションの設定を行うページが表示されます。
ここで、ページ左端の設定一覧の中で「Web Site」をクリックし、以下のようにWeb Site関係の設定を行います。

設定項目設定値
Site URLMovable Typeのインストール先サイトのアドレスを入力します
Site DomainMovable Typeのインストール先サイトのドメイン名を入力します

例えば、Movable Typeのインストール先が、「http://www.sample.com/mt/」であるとします。
この場合、以下のように設定します。

設定項目設定値
Site URLhttp://www.sample.com/
Site Domainwww.sample.com

Site URLとSite Domainを設定する

また、「Web Site」のページに表示されている「アプリケーションID」の値は、後でプラグインを設定する際に使います。
アプリケーションIDの値をコピーしておいてください。

Facebook連携

当記事について「いいね」や「送信」を行っていただけると幸いです。


この記事についてウォールに投稿

トラックバック(1)

トラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/2469.

最近Facebookに自動投稿されるWeblogのエントリを見て返信下さる方がいてありがたやありがたや。   そしてSNSの訴求力の強さをあらためて思い知... 続きを読む

コメント(スレッド3件,コメント5件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

No.1 零 : アプリケーション画面が違うようです

お世話になっております。
2.アプリケーションを作成するで、「Set Up New App」という項目がなく「Create New App」となっておりました。その先の操作もしてみたのですが画面と違い操作方法がわかりませんでした。
Facebookの開発者のページへのアドレスが違うのかお教え頂ければ試行錯誤してみたいと思います。

申し訳ありませんがよろしくお願い致します。

No.2  : Re:アプリケーション画面が違うようです

>零さん
こんにちは。

Facebookは仕様が頻繁に変わります。アプリ登録の画面も、この記事を書いてから、2回ほど変わっています。
2011年9月24日時点の画面だと、設定の手順の概要は以下の通りです。

1.「Create New App」ボタンでアプリを登録
2.「Edit App」ボタンでアプリの設定のページに移動
3.「アプリのドメイン」の欄に、記事中の説明での「Site Domain」の値を入力
4.「Website」の部分をクリックして開き、「サイトURL」の欄に、記事中の説明での「Site URL」の値を入力

No.3 零 : ありがとうございました。

お世話になっております。
ありがとうございました。設定できました。

ただ、投稿したときに
「 Facebookにブログ記事を公開する際にエラーが発生しました。 : タイプ = OAuthException, メッセージ = (#100) img objects must have valid 'src' and 'href' attributes 」
という感じで表示されて投稿されませんでした。

お手数ですが助言など頂ければ幸いです。

よろしくお願い致します。

No.4  : Re:ありがとうございました。

>零さん
こんにちは。
不具合を修正したバージョンを公開しました。

http://www.h-fj.com/mt_plugin/FacebookPoster_1_01.zip

No.5 零 : (無題)

ありがとうございました。動きました。

ご連絡まで。

コメントする


Facebookでコメント

試験的にFacebookのコメントフォームを設置しました。