Facebookページのアプリボタンについて

Twitterもそうだけど、FacebookやGoogle+も含めて、SNSと呼ばれる今流行のネットアイテムは、プログラムや仕様を頻繁に変更され、昨日まで見られたものが今日は見られなくなっている、などという現象には驚かなくなってしまいました。

そんなことから、私もFacebookページのアプリボタンが機能しなくなっても、もう投げ捨てていたのです。
とくに、タイムライン化が強制(2012年4月1日より)されてからは、ウェルカムページへ、初めてのユーザーが最初に訪れるランディングページとして誘導することは不可能(たぶん)になり、アプリボタンをクリックで見てもらうというスタイルになってしまいました。

その後もこまかい変更がなされたりで、ウェルカムページはもういいか・・。などと諦めて打っちゃっていたのです。

ところが、ここ数日、久しぶりでFacebookのアプリボタンを触る時間を得たので、いろいろと触っているうちに、ボタンが非表示から表示になり、別PCでも表示されて、クリックも可能になり、手作りのFacebookページへと誘導が可能になりました。
ランディングページは無理ですが、それでも商品紹介や、各種ご案内などには利用できるので、やはり、ないよりはマシだろうと思い、一応、その手順だけでもメモしておこうと思ったのでした。
もし、私と同じ手をこまねいていらっしゃる方がおられましたら、参考にしてください。(またいつ変更になるか分かりませんが・・)

以下の画像は、今回アプリボタンをクリックで開いたFacebookページの「ご案内ページ」です。

【事前の準備-1】
1、デベロッパー登録。(Facebookの開発者向けサイトに登録する)
*デベロッパー登録には、アカウント認証という必須項目があります。
(私は携帯番号と携帯のメールでOKでした。3年前になりますが・・)
*アカウント認証がすむと、アプリの登録が可能になります。
*デベロッパー登録は一度行えばOKです。

【事前の重要なチェック】
ここは私もつまづいたのですが、Webサイトに利用するサーバーが、「SSL」に対応している必要があります。(*共用SSLでもOKです。共用SSLを無料で利用できるレンタルサーバーや、プランも各種あります。)
SSLが利用できないサーバーでしたら、Facebookアプリ作りは諦めてください。または、サーバーの引越しや、プランの変更になります。

【事前の準備-2】
アプリボタンで誘導するページを、SSLが利用できるサーバー上に作成しておき、通常で表示できるようにしておくこと。
(ここでは、htmlでもOKです。後で、必要箇所をphpに変更してもOKです。)
ここで表示されないものは、アプリの問題ではなくなりますので、表示や動作テストを事前に必ず行ってください。

【Facebookアプリを登録する】
1、Appsにある「新しいアプリを作成する」ボタンより、アプリを登録します。
*とりあえずアプリを登録しておいて、後から修正変更する。でOKです。
(必須項目は、「App Name」でしょうか。App IDが発行されます。)

【Facebookアプリの基本設定】(PC向け)
◆Display Name:日本語でOK
◆Namespace:アプリ名(半角英数で適当なもの)
◆Sandbox Mode:有効(完成してから「無効」にすること)

【アプリをFacebookに結合する方法を選択】
◆Facebookでログインが可能なウェブサイト:ここには通常の「サイトURL」を記入します。(http:// でOK.ただし、拡張子は.phpにする。)
◆Facebook上のアプリ(重要:URLでは、htmlは使えません。すべてPHPになります。)
 ・「キャンバスURL」:アプリでアクセス可能なサーバー上のフォルダまでのURL(http://)
 ・「セキュリティで保護されたキャンバスのURL」サーバー上のフォルダまでのURL(https://)
◆ページタブ(ここがアプリボタンになります。)
 ・タブ名:日本語でOK
 ・Page Tab URL:通常の「サイトURL」を記入します。(http:// でOK.ただし、拡張子は.phpに)
 ・Secure Page Tab URL:「セキュリティで保護されたキャンバスのURL」サーバー上のページまでのURL。拡張子は.phpで。(https://)

———————————————–
以上です。

★上記で設定はOKですが、それでもアプリボタンが表示ならないときは、ページの詳細を記入してみてください。(App Details)

◆以下に、今回記事の表示サイトURLを記載しておきます。
https://www.facebook.com/yamagata.mekke/app_274865825868242

◆上記記事のアプリボタンがある「山形めっけ」のFacebookページはこちらです。

About sneaker