Facebook の Welcome ページを作成する


現在Facebook ページと呼ばれている
ファンページ、ビジネスアカウントのページに
Welcome ページを付け加えることによって
顧客とのエンゲージメントを強めようという流れがあります
そもそも、Facebook のページを何のために作るか?
が重要なんですが、それは別の機会に置いておいて
Welcome ページを作って見ることにします

結論としては、
自分が運用しているWordPress でWelcome ページを作成し
The Static iframe Tab と言うアプリケーションを利用して
Facebook に表示させることにしました

私自身が素人ですので、コード、プログラムは触らないように
どうやったら作れるかをまず考えてみました

Facebook ではWelcome ページを一つ追加するのも
一つのアプリケーションが利用されると考えています
従って、アプリの開発者としての登録や
アプリケーションの登録が必要とされるのが基本です
この手順に従う説明もありましたが素人には複雑でわかりにくいですね

「Welcome ページは別のアプリケーション」とは
別なサーバーを準備し、そこにWelcome ページを作成・準備し
特定のURLをもたせ、そこへ誘導するといった手順をとる事になります

この点最近では別サーバーでのWelcome ページの運用までも含めた
アプリケーションが提供されています
手軽にWelcome ページを作成するには利用しやすいですね

とは言え、自分のWelcome ページが自分のコントロールが及ばない
サーバーに管理されるというのも居心地が悪いものです

幸いに自身のブログをWordPress で運用していますので
このWordPress を利用してFacebook のWelcome ページを作成
特にWordPress のコード、プログラムに触らない方法を探します
WordPress では、頻繁にアップデートされますし、
コードに変更を加えると、ブログのデザイン・テーマを変更した際に
新しいものが上手く動かない状況が発生します

そこで参考になったのは
Facebook Welcome Pages Using IFrames and WordPress でした

「Facebook ページに自分の好きな内容を表示させる新しい方法です
Tabs タブや FBML は過ぎ去り、iframes が親しみやすくなっています
iframes は新しい技術ではなく、何年もの間使われ
一つのウェブページを他のウェブページに挿入する標準的なHTMLタグです

Facebook ページのオーナーは
自分の保有するサーバーでページを運用することによって
自分の持っている標準的なツール
(HTML、CSS, PHP, ASP, JaveScript, Flash, など)を使い
ダイナミックなFacebook ページを今では作成出来きます
ページを創り上げるのにどんなツールでも使うことができます」

「この記事では、 初心者にとって簡単な方法としてWordPress を使って
Facebook の最初のページを作ることにします
上級者にとっては、WordPress で使えるプラグイン、PHP 、
その他のツール利用できる有利さがあります」

1. The Static iframe Tab のインストール

まず、http://www.facebook.com/iframehost にアクセスして
表示されたページのグリーンのボタン、「Install Page Tab」
をクリックし、このアプリケーションをインストールしたいページを選択します

2. WordPress Page Template ファイルのインストール

このページの「Download this PHP file」をクリックし
ダウンロードしたzip ファイルを解凍
その中の「Facebook-iframe.php」のみを
「ウェブサイト/wp-content/themes/現在使っているtheme」下に
アップロードします

これによってWordPress のページのテンプレートの種類に
「Facebook iframe」という選択肢が追加されます
Facebook のWelcome ページをWordPress のページを使って作成する際
このFacebook iframe を選んでおきます

これでWordPress のページで作成し、
テンプレートの種類をFacebook iframeとしたものが
Facebook のページ上の右上に出てくるSettings で
Page source >URL、でアドレスをセットし
Tag name に、例えばWelcome と入れることによって
Facebook welcome ページとすることができます

また、Facebook ページ上で
基本データの編集>権限の管理>デフォルトで表示するタブ
ここに作成した「Welcome」をセットすることで
最初に訪問した人にWelcome ページを表示ことができます

以上なんですが、私の場合WordPress 新しいテンプレート
Twenty Eleven に変更した際に
上の2.の手順を新しいテンプレートに対して忘れていました

が、Twenty Eleven  はすこぶる優れたテンプレートで
iPhone や iPad などでも最適化されて表示されます
Facebook のWelcome ページは横520pxの制限があるのですが
見事に最適化されてサイト全体が表示されています
本来Wordpress のページで作った中身だけの表示ですが
ここまでサイト全体が最適されると、それはそれは見事で
このままでいいかなと、そのまま全体を表示しています
デザイン・ブランドが統一された感じもメリットかも知れません