リニューアルと同時に、Facebook ページを作ってみたんですが、タブ追加機能を使って、Facebook ページにアクセスした際に最初に表示されるページをカスタマイズしてみましたので、その作り方や設定方法などを簡単にご紹介。恒例（謎）の 5分でわかるシリーズ。 Facebook ページは iframe を使用して、外部のサーバにあるコンテンツを比較的簡単に読み込める仕様になっていますが、これを利用することでオリジナルのページを自分の Facebook ページにタブとして表示することができます。 Facebook ページにオリジナルのページを読み込むには、最低限下記の準備が必要です。 Facebook ページの開設 （当たり前ですが） Facebook への開発者登録 外部に公開された PHP が動作する Web サーバ （共有で構わないので SSL が利用できる必要あり ※後述） コンテ

Facebookページをカスタマイズする方法はいくつかあるみたいですが、Web制作ができる人だったらこれが一番やりやすいと思います。 とりあえず早くテンプレートデータが欲しい！って人はこちらから facebook_page_2011-04-07.zip FacebookページにiFrameを読み込む Facebookページのトップページに iFrame（インラインフレーム）を読み込むことができます。いくつかの制限はありますが、自由にページをデザインできますね。ザックリとした流れはこんな感じです。 Facebookページを作成 開発者登録をする Facebookアプリケーションを作成 iFrame で読み込むページを作成 レッツショータイム！ このページの内容に沿って進んでいけば問題なしと思います。 FacebookページにiFrameを組み込もう｜Social Media Experien

ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか？ これは、ラボの『わかっているようでわかってないFacebookの「いいね！」「シェア」を徹底解剖！』という記事の参照元の計測データです。アクセスを牽引しているのは、「はてなブックマーク」でも「twitter」でも「Google」でも無く、『Facebooｍk』です。

ソーシャルネットワーキングサービス「Facebook（フェイスブック）」で、入力した出身校や近況をもとに古い友人と再会したり、交流の輪が広がったりした人も多いのではないでしょうか。交流を楽しむ一方で、気を配りたいのがプライバシー設定です。Facebookへの投稿や個人情報の公開範囲など、適切なプライバシー情報の設定方法を紹介します。 ■ 投稿や個人情報の公開範囲を設定する Facebookでは、近況、写真、リンク、動画のほか、連絡先や交際ステータスなど、プライベートに関するさまざまな情報を公開、共有できます。その公開範囲が、Facebookの「推奨」と自分の想定とで違っているかもしれません。Facebookページ上部の「アカウント」から「プライバシー設定」を選び、現在の設定を確認してみましょう。 ▽ Facebook - プライバシー設定 「Facebookでのコンテンツ共有」の欄に、各項

このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ

Facebookの「シェア」ボタンを設置する方法を調べたので、まとめておきます。 ここでは必要要素のみ簡潔に書き示します。詳細は「Facebookシェア – Facebook開発者」を参照して下さい。 「シェア」ボタンは現在非推奨となっています。今後あらたに設置される場合は、「いいね(Like)」ボタンの設置が推奨されています。 facebookのシェアボタンを最小要素で実現させるには、以下のコードを追加すればよい。 <a name="fb_share"></a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script> これだけで、該当ページの該当URLを指定したシェアボタンが生成される。 ボタン形状 aタグにtype属性を付与するとボタン形状を指定

@JUNP_Nです。このたびFacebookで男子ハックのファンページを作ってみました。といっても結構前に作っていたのですがお知らせしていませんでした。 最近は多くのブロガーさん達がファンページを作っているみたいだし、男子ハックでも作ろうかと話していたので流行（？）に乗っかるためにファンページ作成にあたって参考になるサイトをまとめてみました。

みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す