APIのようなFacebook

Question

私はFacebookのようなAPIのような問題を抱えています。次のコードを使用してボタンを作成しています。

<fb:like href="http://www.nettunes.co.za/artist_profile.php?ref=fb&amp;amp;artist_id=<?PHP echo $row->artist_id;?>&amp;amp;show=albums&amp;amp;sub_section=song&amp;amp;id=<?PHP echo $row->song_id;?>" layout="box_count" show_faces="false" width="50" font="arial" title="<?PHP echo ucfirst($row->song_name);?> by <?PHP echo $row->artist_name;?> on www.nettunes.co.za"></fb:like>

次に、イベントを聞いて、JavaScript関数を呼び出します。Ajaxは、このアーティストのすべてのいいね！を追跡するためにローカルデータベースに同様を挿入するPHPを実行します。このコードの使用：

var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
  '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
    FB.Event.subscribe('edge.create', function(response) {
        var song_id = response.toString().split("&id=");
        likeSong(song_id[1]);
    });

問題は、常にこのwintong関数を呼び出して、データベースに類似点を追加しないことです。

誰かが以前に同様の問題を抱えていましたか？それとも、これを行うより良い方法を知っていますか？

本当にありがとう

気をつけて、チレガン

Answer 1

おそらく、Facebookライブラリが完全に準備ができて応答を確認するのを待つ必要があります。でこれを行うことができます fbAsyncInit メソッドは、ライブラリが非同期にロードされた後にFacebookによって呼び出されます。

<div id="fb-root"></div>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() {
    FB.init({appId:"1234567890", status:true, cookie:true, xfbml:true, session:null});
    FB.Event.subscribe('edge.create', function(response) {
        if (response)
        {
            var song_id = response.toString().split("&amp;id=");
            likeSong(song_id[1]);
        }
    });
}

(function() {
var e = document.createElement("script");
e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js";
e.async = true;
document.getElementById("fb-root").appendChild(e);
}());
</script>

また、Facebookライブラリがロードされ、イベントリスナーを追加する前に、windongが定義されている場所が初期化されていることを確認する必要があります。