(Facebookページ制作:活用01)イイネボタンを押したユーザーかどうかでコンテンツを切り替える

GD181_L

前回はFacebookページにドーンとウェルカムページを作成しました。

今回からはいよいよ活用編!Facebookページにより深い内容のカスタマイズをしていきましょう。

活用編第一弾は何をするかというと、「イイネ!」をクリックして既にファンになっているユーザーと、まだファンでないユーザーで表示するコンテンツを切り替える!ということをやってみようと思います。

どういうことかというと、「イイネ!」を既に押したユーザーには通常のコンテンツを表示させ、まだ「イイネ!」を押していないユーザーには「イイネ!を押してね!」画像を表示させるようにする、という感じです。

今までの内容と比べると、一気にやってることが高度になった気がしますね。
この技術を活用すればいろいろなプロモーションが出来そうです。それでは実際に試してみましょう。


ファン用と、まだファンでない人用のコンテンツを用意する


ファンかそうでないかでコンテンツを切り替えるので、それぞれに見せるコンテンツが必要です。

まだファンでない人に見せるコンテンツは「イイネ!」をクリックさせるように促すコンテンツにしましょう。前回一緒にウェルカムページを作成した方は、その時に作ったガ画像でよいかもしれません。

私の場合はこれ。↓



既にファンになった人はもう「イイネ!」ボタンは表示されないので、別の画像を用意してあげましょう。

こんなの作ってみました。ファンの人には50%割引のお知らせを表示してみます。


では、この2つのコンテンツを切り替えるようにしましょう。


コンテンツを切り替えるプログラミングを組み込む


まず、ファン用とファンでない人用のコンテンツを1つのHTMLファイルに並べます。私は前回作ったウェルカムページのHTMLを修正してみます。

こんな感じ。

HTML

見た目

次に、HTMLにPHPのプログラミングを組み込みまます。

PHPを使うためには、あなたの保存するファイルの形式がphpファイルである必要があるので、ファイルの拡張子を「.php」に変えてください。
つまり、いままで「index.html」などで保存していた場合、「index.php」に変更してください。

そして、いま修正したファイルに下記のコードをコピーペーストしてください。
「■」の下の1行は表示されるHTMLの部分なので、自分のファイルの内容に合わせて変えてくださいね。



<?php
if (isset($_POST['signed_request'])) {
    list($encoded_sig, $payload) = explode('.', $_POST['signed_request'], 2); 
    $data = json_decode(base64_decode(strtr($payload, '-_', '+/')), true);
}
?>

<?php if ($data && $data['page']['liked']) : ?>
<?php //■ 「イイネ!」ボタンをクリックしたユーザーにはこちらが表示される?>
<p><img src="common/img/img01.jpg" width="520" height="521" alt="" /></p>
 
<?php else : ?>
<?php //■まだ 「イイネ!」ボタンをクリックしていないユーザーにはこちらが表示される?>
<p><img src="common/img/img02.jpg" width="520" height="424" alt="" /></p>
<?php endif; ?>



最後に、ウェルカムページのアプリ設定画面で、URLをHTMLからPHPに変更します。「(Facebookページ制作:基本03)タブに独自のコンテンツを追加しようの「タブのURL」の部分です。


これだけでOK!イイネ!をクリックしたユーザーとそうでないユーザーで表示される画像が変わります。

まだイイネしてない人。


イイネをクリックすると・・・


すぐさま変わった!


この技術を使えば、「イイネ!」をクリックしてくれたユーザーには割引クーポンプレゼント!のようなプロモーションなど、いろいろな使い方ができそうですね。

前回お話したとおり、「イイネ!」をクリックさせることことそがFacebookページの肝となる部分です。
今回ご紹介したプログラムを使って、「イイネ!」の増加を図ってみてはいかがでしょう?



Facebook Labは、調査・研究で培ったノウハウを活かしたFacebookページ制作サービスも行っています。
Facebookページの制作をお考えの方は、ぜひご相談ください。
詳しくはこちらをご覧ください。いいね!でファンになって頂いた方限定の割引キャンペーン実施中です。

記事を書いた人

ウェブクリエイター。デザイン・コーディング・システム開発を行う。 iPhoneアプリ開発やソーシャルメディア活用をメインに活動中。

View all posts by