フェイスブック(Facebook)

フェイスブックのfacebookページ(ファンページ)にWelcomeタブを作る方法

この記事は約2分で読めます。

Welcomeタブを設置フェイスブックの遠田幹雄facebookページ(ファンページ)にWelcomeタブをつけてみた。Welcomeタブは初めて閲覧してもらったときに自動的に表示するページとして機能する。しかし、このWelcomeタブはフェイスブックの標準機能にはついていないため、応用系の処理をしないと設置できない。スタティックFBMLを使うか、iframeで表示させるか、いずれにしてもアプリ登録しないと設定できない。今回はiframeで表示させてみた。

おおまかな手順は以下のとおり

Facebookページ(ファンページ)を作成する
http://www.facebook.com/pages/create.php


iframeで表示させるウェルカムページの中身を別サーバで作成しておく

iframeによるウェルカムページの作成

(遠田の場合はhttps://semm.sakura.ne.jp/fb/
※フェイスブックのその後の仕様変更でSSL対応のページにしないとエラーになります。

iframeを組み込むFacebookアプリケーションの登録


開発者ページに開発者として登録する
http://www.facebook.com/developers/

アプリケーションを作成する
http://www.facebook.com/developers/createapp.php

アプリケーションの編集

Facebookページに登録したアプリケーションを組み込む


初期表示を「Welcome」に変更
※最後に、作成したウェルカムページをデフォルトページに設定する。Facebookページの編集画面を開き、権限の管理にある「デフォルトで表示するタブ」を「Welcome」に変更。すでに「いいね」を押している人以外は「デフォルトで表示するタブ」が最初に表示される。

※くわしくは「iframe対応!初めてのFacebookページの作り方」をご覧ください。

フェイスブックのFacebookページ(ファンページ)を静的URLに変更する方法はユーザーネームを設定をすると可能です。ただし、25人に「いいね」をもらわないと設定ができない仕様になっています。