自分のサイト「茜音-AKANE-」の公式Facebookページを作ってみました。前に作ったのはコミュニティページで、仕様が異なっていて訪問者に最初に表示させるページの設定ができなかったので、新たに公式ページを作りました。



標準のコンテンツ以外に自分で好きな内容を表示させるタブをつけるのに四苦八苦。でもちょっと前まで必要だったFBMLという記述方式は必要なくなって、iframeで外部のページを表示できるようになり、普通のサイトと同じように作ればいいので表示させるページの作り方ではそんなに悩まずにすみました。

iframeっていうのは窓なので、Facebookページの真ん中に開いた窓に自分で作ったページを表示させるイメージです。

検索するとネット上にいろいろ記事がありますが、とりあえず私が見た記事を中心にご紹介。

↓まずはFacebookページ（FBページ）を作ります。
■誰でもできる！Facebook ページ（旧ファンページ）の作り方（nanapi）
■iframe対応！初めてのFacebookページの作り方（ASCII.jp）

新たなタブを作らなくても、「写真」「ディスカッション」「ノート」タブなどを活用すれば充実したFBページにすることはできます。

↓しかし自由なデザインのページ（タブ）を作りたい場合はこれで。
■iFrameによるFacebookページ作成法と6つのポイント（Webpark）
■FacebookページにiFrameを組み込もう（Social Media Experience）

アプリの登録とか、ちょっとハードルが高いと思っちゃいますが、一度デベロッパーとして登録してしまえば、二度目からは認証なしでタブ（アプリ）を追加できます。とはいえ、私はだいぶ前に認証の手順をやったので、どのくらいの難易度だったか忘れました。。。私に出来たんだからたぶんそんなに難しくないと思います。

タブを追加して独自のページをiframeで表示させるだけでも個性的なFacebookページになるのですが、「いいね！」を押す前と押した後でデザインを変えることができるらしい、ということで、挑戦してみました。

↓いろいろやり方（ソースの書き方など）があるようなのですが、これが一番わかりやすかったです。
■JS+PHPでFacebookページをカスタマイズ！（ASCII.jp）

↓Facebookページのプロフィール画像の大きさはこちらを参考に作ってみました。
■プロフィール画像の大きさについて（株式会社アーク　わかるＩＴ情報）

あとは以前から自分のサイトに載せていた作品の画像とか、写真などを「写真」タブにアップして、多少ボリュームを持たせてみました。

Twitter（ @henyo2 ）でも流していますが、このブログやサイトの更新情報をFacebookページに掲載していこうと思っています。RSSを利用して自動で投稿してくれるサービス、いくつかありますが、私はtwitterfeedを使っています。TwitterにもFacebookにも投稿してくれます。

←Facebookページは25人が「いいね！」してくれないと独自のアカウントが取れないので、まだURLが長いです。「いいね！」するとチワワの小太郎の画像が変わります。「いいね！」を取り消すとまた元の画像に戻ります…が、できれば取り消さないでいただけるとありがたいです…。はい。

そろそろソメイヨシノが咲きそうですが、梅の花が散ったあとに小さい実ができていました。この実が膨らむのを見るのも日々のお散歩の楽しみです。