FacebookのTabを使ったマーケティングのメモ

Aug 23, 2012

AD:

下記のようなFacebookのTabを使用したキャンペーンをしたのですが、その際に”いいね”を押した際にページが移動するようなキャンペーンをしたので、そのメモです。
日本でも流行っているのか？？

設定方法

Facebook PHP SDKを読み込んでください。
それを読み込んだあとは、getSignedRequestを使えばタブページにアクセスしてきた人のユーザの情報が取得できます。
僕は、Cakephpを使用していたので、Facebookのプラグインを使用しました。
あとは、下記のようにTabページに読み込んでいるページに下記のように設定するば、Facebookのユーザ情報を取得できます。

$facebookUser = $this-&gt;Facebook-&gt;getSignedRequest();
if($facebookUser['page']['liked'] ===  true){
    echo "Liked"
}else{
    echo "Like"
}

1

2

3

4

5

6

$facebookUser = $this->Facebook->getSignedRequest();

if($facebookUser['page']['liked'] === true){

echo "Liked"

}else{

echo "Like"

}

iframe内に、URLのパラメータを渡したい

マーケティングや、トラッキングのために、URLを使ってiframe内にデータを渡したいとき”app_data”を使用するようです。
こんな漢字になります。
https://www.facebook.com/HarveyNormanAU/app_256242251154392（←タブページのURL）&app_data=渡したい内容
iframe内で下記のようにすれば取得できます

$facebookUser = $this-&gt;Facebook-&gt;getSignedRequest();
echo $facebookUser['app_data'];//&#12497;&#12521;&#12513;&#12540;&#12479;&#12398;&#20869;&#23481;&#12364;&#21462;&#24471;&#12391;&#12365;&#12414;&#12377;&#12290;

1 2	$facebookUser = $this->Facebook->getSignedRequest(); echo $facebookUser['app_data'];//パラメータの内容が取得できます。

Facebookの「いいね」をGoogleAnalyticsのEventで記録する

Aug 19, 2012

AD:

先日、Facebookの「いいね」を使ったキャンペーンサイトを作成しました。
それで、「いいね」を押すとキャンペーンページに飛ぶ内容のものでしたが、下記の用に設定しました。

下記の方法ですが、僕の調査の限り、ユーザによってFacebookが吐き出すIframeの内容が変わって挙動が変わることが判明しました。
１日かけて調査したのですが、解決方法は見つかりませんでした。もし解決方法を見つけた方がいましたら、コメントください。

地味に悩む人もいると思いますので、メモしておきます。

設定

&lt;script type="text/javascript"&gt;
    window.fbAsyncInit = function() {
        FB.init({appId: '&#12450;&#12503;&#12522;&#12398;ID', status: true, cookie: true, xfbml: true});
        FB.Canvas.setSize({ width: 520, height: 1500 });
        FB.Event.subscribe('edge.create',
            function(response) {
                //&#12463;&#12522;&#12483;&#12463;&#24460;&#12395;&#19979;&#35352;&#12398;&#12506;&#12540;&#12472;&#12395;&#31227;&#21205;
                window.location = "/campaign/fb/2";
                //&#12463;&#12522;&#12483;&#12463;&#12434;GoogleAnalytics&#12395;&#12452;&#12505;&#12531;&#12488;&#12392;&#12375;&#12390;&#35352;&#25014;
                _gaq.push(['_trackEvent', '&#12452;&#12505;&#12531;&#12488;&#12398;&#21517;&#21069;', 'Click']);
            }
        );
    };

    //Load the SDK asynchronously
    (function() {
        var e = document.createElement('script'); e.async = true;
            e.src = document.location.protocol +
              '//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
    }());
&lt;/script&gt;
&lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;fb:like href="&#12356;&#12356;&#12397;&#20808;&#12398;&#12398;RRL" layout="button_count" send="false" width="450" show_faces="false" font=""&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

window.fbAsyncInit = function() {

FB.init({appId: 'アプリのID', status: true, cookie: true, xfbml: true});

FB.Canvas.setSize({ width: 520, height: 1500 });

FB.Event.subscribe('edge.create',

function(response) {

//クリック後に下記のページに移動

window.location = "/campaign/fb/2";

//クリックをGoogleAnalyticsにイベントとして記憶

_gaq.push(['_trackEvent', 'イベントの名前', 'Click']);

}

);

};

//Load the SDK asynchronously

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js';

document.getElementById('fb-root').appendChild(e);

}());

</script>

<fb:like href="いいね先ののRRL" layout="button_count" send="false" width="450" show_faces="false" font="">

facebookページを作成しました。

Mar 12, 2012

AD:

facebook上でページを作成しました。
だれかーlike押してください。

Cloud Nice facebookページ

そうでないと、個別URLがつくれない。。。。