400人増えた！Facebookで、いいね！をしてくれた人だけ見れる限定公開ページを作成する方法

前々から気になっていたFacebookの「いいね！」限定ページ。

せっかく、押してくれた人に対して何かお返し的な事はできないかな～と思い
限定公開ページを作成してみました。

↓ これです。
 [限定公開] 実績あり！僕の効果的なGoogleアドセンスの貼る位置や考え方について

※公開終了。現在はWordPress特別テーマ「HUNTER」です。

お陰様でファンの方が

121から532へ！（400UP）

肝心の記事も多数の「いいね」を頂きやって良かったなと思っております。
というわけで、今回のFacebookページの限定公開ページの作成方法を
今さら感たっぷりですが、やってない人多いと思います。勿体ない！！

意外と簡単なので、出来る限り分かり易くシェアしたいと思います！

photo credit: owenwbrown via photopin cc

Facbookで「いいね」限定公開ページを作る方法

最初のつまづき。Facebookページでは作れない

https://ja-jp.facebook.com/business/build

いいねの限定ページはFacebookアプリを作るのですが、
これはFacebookページだけでは作成できません。Facebookには通常のアカウントと法人やサービス向けのFacebookページがありまして、ENJILOGはこちらだけで使用しておりました。

僕の様に、Facebookページのみで運用されている方は別に
通常アカウントを用意する必要があります。

Facebookページと通常アカウントを紐づける方法

①まず、通常アカウントを作成します。
https://www.facebook.com/

②次に、通常アカウントから自分のFacebookページに「いいね！」をします。

③Facebookページのアカウントに戻り「管理者の役割を管理」を選択

④「管理人」を追加を選択し、自分を「マネージャー」権限にして保存します。

※この辺、もう少しスマートな方法があるのかもしれません。

以上で完了です。終わったら通常アカウントにログインし直します。

Facebookアカウントでいいね！限定ページを作る下準備

SSL（共有SSL）のサーバを１つ用意

SSL（共有SSL）のサーバを１つ用意する必要があります。今回はXサーバで。

管理画面で「SSL設定」を選択

「SSL設定の追加」を選択し、任意のURLを選び「確定」

②のURLを控えておいて下さい。

アプリ用の 画像を用意

111×74ピクセルのタブ用のアイコン画像を作成しておきます。

 Facebookのデベロッパー登録

まず、開発者用のページへ行き、Developer登録をします。
簡単なのですぐに終わりますよ。

https://developers.facebook.com/

携帯による本人認証を終えれば完了です。

再び開発者ページへ

https://developers.facebook.com/　へ行き、「Apps」をクリック

「新しいアプリを作成」を選択

アプリ名を半角英字で6文字以内で記入。
後は無視して「続行」

セキュリティチェック。画像の文字を入力して続行

数字の記入の無い処は自動で入ります。

①使用するサーバ（いいね！した時のページHTMLデータを置くサーバ）のURL
②データを置くURL（今回は、「fun」という名のフォルダを作りそこにデータを入れます。※なぜ、「fan」ではなく、「fun」なのか？それは・・・間違えたからです。もうメンドい。。半角英字なら何でもOK）

③SSL一覧で控えたURLの末尾に「/fun/」を追記して記入
④、⑤も同様
⑥　用意していたタブ用のアイコンをアップロード
⑦「変更を保存」して完了です。

表示されるシークレットキーは控えておいて下さい。
上のApp IDを

http://www.facebook.com/add.php?pages=1&api_key=APPID

APPIDの部分に入れてURLへ飛びます。

アプリを利用するFacebookページを選択し追加するをクリックして下さい。

これで準備完了です。
次は何も考えずに以下をダウンロード

 [download id="8466"]

この中にある「index.php」をメモ帳とかエディタで開いて

 「シークレットキー」の箇所に先ほどのメモしたキーを入力。

これね（下のやつ）↓

そしたら保存して、今度は「fan.php」を開きます。

無題ドキュメント

ありがとう！もう少し待ってね！

 これが「いいね」してくれたファン用の内容になるのでの間に見せたい限定記事を書き保存

同様に「not-fan.php」を開き

無題ドキュメント

「いいね 」してくれた人用のページです。※準備中

 「いいね」してない人へのメッセージを記載して保存。

できたら、最初のサーバのフォルダ（僕の場合はfun）にアップロード！

以上で完了です。

https://www.facebook.com/ENJILOG