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

PR

medium_4857593259

[追記] 2014/08/13
残念!この方法はNGになりました。。

参考 (朗報)Facebookで「この先見たい、またはこれに応募するならいいねしろ」が禁止される

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

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

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

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

お陰様でファンの方が

121から532へ!(400UP)

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

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

photo credit: owenwbrown via photopin cc

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

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

2013-08-26_221744

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

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

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

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

※Facebookページで作成しない方は次の
「Facebookアカウントでいいね!限定ページを作る下準備」へ進んで下さい。

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

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

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

2013-08-26_175218

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

2013-08-26_175421

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

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

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

SSL(共有SSL)のサーバを1つ用意

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

2013-08-26_224720

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

2013-08-26_224815

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

2013-08-26_224827

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

アプリ用の 画像を用意

2013-08-25_224537

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

 Facebookのデベロッパー登録

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

https://developers.facebook.com/

2013-08-25_215639

2013-08-25_215651

2013-08-25_215802

2013-08-25_222334

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

2013-08-25_215814

再び開発者ページへ

2013-08-26_224400

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

2013-08-26_225615

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

2013-08-25_222733

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

2013-08-25_222744

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

2013-08-25_225805

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

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

2013-08-26_231646

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

2013-08-25_223403

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

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

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

2013-08-25_224352

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

2013-08-25_224537

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

 [download id="8466"]

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

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

これね(下のやつ)↓

2013-08-25_223403

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

無題ドキュメント

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

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

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

無題ドキュメント

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

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

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

2013-08-27_202859

以上で完了です。

2013-08-25_224537

2013-08-27_205628

https://www.facebook.com/ENJILOG

 

-facebook