今日見つけたのは
賞金額診断 あなたの今日の賞金額はいくら?
クリックして煙をどかしてねという表現が良いです。
エンターテイメント系のファンゲートならこういうのもありだと思います。
https://www.facebook.com/sourenjo/app_330845466999957


↑↑↑↑↑
facebookページにファンゲートを作るための手順を簡単に記述していきます。
私の覚書も含んでありますので、使う方は自己責任でお願いします。
【このページを読むべき人】
自社サイトの登録フォームで資料請求や無料版を配布している方が
facebookページの袋とじを利用して拡散したいと思っている方
下記のような仕掛けをしたい方
・通常お試し7日間の所、 facebookでいいねをしてくれた方限定で14日間に引き伸ばし。
・通常5章までの所、 facebookでいいねをしてくれた方限定で10章まで差し上げます
【はじめに】
書籍を見た限り、このような機能は袋とじという名称では無く「ファンゲート」というようです。
難しそうなイメージがありますが、ネタがそろっていれば結構簡単にできる事がわかりました。
【作りたい挙動】
当社の場合にはツール販売がメインです。現在、ツールの無料版を自前の登録フォームを利用して配布しています。
試用期間は7日としていますが、いいねを押してくれた人には試用期限を延ばすための仕掛けをしたい。
1、facebookページ「いいね」前 通常の登録フォームを表示(7日間の利用制限)
2、facebookページ「いいね」後 期間延長のフォームがあり申請すると利用期限を自動で延ばす
【事前準備】
ファンゲートをいち早く作りたい!でもちょっと待ってくださいね。その前にFacebookページを充実する事をお勧めします。
最低限下記の2点は必須です。
1、Facebookページを作成しておく
まずは、これが無くては始りません。ファンゲートを設置する前に
Facebookページを事前に作っておいた方がよいと思います。
できればFacebookページの操作に慣れてきたらファンゲートに挑戦することをお勧めします。
ちなみに私は慣れるまで1カ月くらいかかりました。
作った直後はタイムラインに何も無いですし、カバーページもないので、最低限2~3記事くらいはあった方が格好がつくと思います。
↓ Facebookページ解説手順を図解したサイト
http://allabout.co.jp/gm/gc/387840/2/
2、Facebookページ用のユーザーネームを取得する
初めてFacebookページを作る場合には変更可能ですが、2つ目からは25人以上のいいねを集めないと取得できません。
↓ Facebookページのユーザーネーム(URL)を取得する方法
http://allabout.co.jp/gm/gc/387840/5/
【ファンゲート実装手順】
ここからはいよいよファンゲートの作り方です。
大まかに言って、通常のfacebook内ホームページを作ってから、ファンゲートを実装するという手順を踏みます。
いきなりファンゲートを作るよりまずはfacebookに自分のホームページを表示すること目指したほうがよいです。
また、レンタルサーバー代がかかるので事前準備が終わってから行うことをお勧めします。
また、ファンゲートを作る前に、まずはfacebookページ内に通常のページをアプリで表示するという事をしてから、実装したほうが勝手がわかってお勧めです。
1、SSLのあるレンタルサーバーを借りる★
今回は共有SSLのあるロリポップを使用しました。
ロリポップレンタルサーバーの借り方→ http://wpf.be-link.net/help/068.html
2、ページを作成する(HTML)★
(1)いいね前ページ(通常登録フォーム)
(2)いいね後ページ(期間引き伸ばし申請フォーム)
・作成サンプルを集めました。(→ファンゲートサンプル)
3、ページをアップロードする★
4、画像を用意する★
(1)ページタブ用の画像111x74,JPG,GIF,PNG
(2)アイコン用の画像16x16,JPG,GIF,PNG
5、facebook開発者登録をする★
6、facebookアプリを登録★
https://developers.facebook.com/apps
登録時に必要なデータや項目は下記の8点です。
(1)Facebook上のアプリ>キャンバスURL:
例)http://www.facebook.com/wordpressfactory/
(2)Facebook上のアプリ>セキュリティで保護されたキャンバスのURL:
(例)https://www.facebook.com/wordpressfactory/
(3)ページタブ>ページタブ名 日本語OK
(4)Page Tab URL:
(5)Secure Page Tab URL:
(6)ページタブの画像 111x74
(7)Page Tab Width:810
(8)アプリアイコン 16x16
7、facebookページからアプリを追加する★
(1)下記のようなURLを自作してアクセスする
http://www.facebook.com/dialog/pagetab?app_id=your_app_id&next=your_url
(2)アプリを承認する。
8、表示を確認する★
キャンバスURLを開く
http://www.facebook.com/wordpressfactory/
9、通常のhtmlをファンゲートに変更する。★
phpソースは下記よりダウンロードしてください。
http://memocarilog.info/webdesign/3424
(1)index.phpへアプリの秘訣を代入して生成
(2)not_fan.php(いいね前のページをコピーして生成)
(3)fan.php(いいね後のページをコピーして生成)
(4)signed_request.phpをコピー
(5)上記4ファイルをftpでSSL領域にアップロード
(6)開発者ページの設定2カ所変更
ページタブ>Page Tab URLを「通常のURL+index.php」に書き換える
ページタブ>Secure Page Tab URLを「SSLのURL+index.php」に書き換える
【今回の作業で、実現したファンゲートがこちらです】
http://www.facebook.com/wordpressfactory/app_459006117451984





