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

Ayumi

12 years ago

先日、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;

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="">