Facebook Tips

iframeでFacebookページをつくるための流れ

投稿日:

とうとうStatic FBMLがメニューから消え、Facebookページのオリジナル部分はiframeに頼ることになりました。

https://developers.facebook.com/

20110413_0.jpg
にアクセスして「マイアプリ」を選びます。すると以下の画面が表示されるので右上の「+Set Up New App」を選びます。ちなみにこのページにはFacebook開発者からの最新情報が載っているので英語ですが読める方は読んでおくと勉強になりますよ。
20110413_1.jpg
「+Set Up New App」をクリックすると以下のような画面になるので、ここではアプリケーションの名称を入れます。

20110413_2.jpg
アプリケーション名を入れたあとに確認の画面があり、その先で必要事項を記入して保存します。画像が多くなるのでスクリーンショットは載せていませんが、アイコンに使う画像などはここで登録します。保存すると以下のような画面に切り替わります。

20110413_4.jpg
ここで「設定を編集」を選びます。進んだ先で「Facebook Integration」を選択し、以下の画面の中の赤線で囲まれた項目を埋めます。この時にCanvas TypeをiFrameにするのを忘れないでください。

20110413_5.jpg
設定が済んだら「Application Profile Page」に移動して、制作したアプリケーションをマイページに追加してください。

-Facebook Tips
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Facebookのプロフィールバナーをつくろう!

久しぶりに入門的な内容です。 Facebookのプロフィールバナーをブログに貼りたいという話がありました。このリンクも見つけにくいのでしょうか?このリンクはプロフィールページの一番左下にある「プロフィ …

【速報】Facebookカメラ登場

やっと日本のApp StoreでもFacebookカメラがリリースされダウンロードできるようになりました。 一度に複数の写真を投稿 友達の最新の写真を一ヶ所でチェック 切り抜きやフィルタ機能 タグ、キ …

Facebookの「いいね!」ボタンをブログに貼り付ける

href=http%3A%2F%2Fokinawamusubi.ti-da.net%2F&amp; と言う部分を http://www.facebook.com/plugins/like.php? href=http%3A%2F%2Fokinawamusubi.ti-da.net<%EntryPermalink%>&amp; こう書き換えないと、「いいね!」

Facebookで友達をブロックしたい場合

Facebookでしつこいビジネスのお誘いや、「この人にはもう自分の投稿を見られたくない」「この人には”いいね!”されたくない」という場合の最終手段として、その相手をブロックするという方法があります。 …

EdgeRankについてよく考えてみる

  Facebookを活用していく中で欠かせない要素の一つがこのEdgeRank(「Hランクじゃないですよ!!」)。Facebookではハイライトに何が表示されるかなどの計算はこのEdgeR …

%d人のブロガーが「いいね」をつけました。