web-dev-qa-db-ja.com

FacebookのAPIを使用して、ユーザーが自分のFacebookページまたはURLを気に入っているかどうかを確認する方法

私は夢中になると思います。私はそれを動作させることができません。
ユーザーがiFrameアプリでjavascriptを使用してページを気に入っているかどうかを確認したいだけです。

FB.api({
    method:     "pages.isFan",
    page_id:        my_page_id,
},  function(response) {
        console.log(response);
        if(response){
            alert('You Likey');
        } else {
            alert('You not Likey :(');
        }
    }
);

これは以下を返します：False
しかし、私は私のページのファンなので、それは本当を返すべきではありませんか？！

javascriptfacebookfacebook-graph-api
101
Patrik

私もこれに髪を引き裂いた。あなたのコードは、ユーザーが理想的ではない拡張許可を与えた場合にのみ機能します。

別のアプローチです。

一言で言えば、CanvasのOAuth 2.0オプションをオンにすると、Facebookはタブアプリ内でリクエストされたすべてのページとともに$_REQUEST['signed_request']を送信します。 signed_requestを解析すると、ユーザーがページを気に入ったかどうかなど、ユーザーに関する情報を取得できます。

function parsePageSignedRequest() {
    if (isset($_REQUEST['signed_request'])) {
      $encoded_sig = null;
      $payload = null;
      list($encoded_sig, $payload) = explode('.', $_REQUEST['signed_request'], 2);
      $sig = base64_decode(strtr($encoded_sig, '-_', '+/'));
      $data = json_decode(base64_decode(strtr($payload, '-_', '+/'), true));
      return $data;
    }
    return false;
  }
  if($signed_request = parsePageSignedRequest()) {
    if($signed_request->page->liked) {
      echo "This content is for Fans only!";
    } else {
      echo "Please click on the Like button to view this tab!";
    }
  }
100
Jason Siffring

使用できます（PHP）

$isFan = file_get_contents("https://api.facebook.com/method/pages.isFan?format=json&access_token=" . USER_TOKEN . "&page_id=" . FB_FANPAGE_ID);

次の3つのいずれかが返されます。

  • 文字列true文字列false json
  • トークンの場合、エラーのフォーマットされた応答
  • またはpage_idが無効です

これを達成するためのトークンを使用しない唯一の方法は、署名されたsigned_request Jason Siffringを使用することです。 PHP SDKを使用する私のヘルパー：

function isFan(){
    global $facebook;
    $request = $facebook->getSignedRequest();
    return $request['page']['liked'];
}
19
Tom Roggero

JavaScriptで次のようにすることができます（ @ dwarfyの同様の質問に対する回答 ）：

<html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <style type="text/css">
      div#container_notlike, div#container_like {
        display: none;
      }
    </style>
  </head>
  <body>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'YOUR_APP_ID', // App ID
          channelUrl : 'http(s)://YOUR_APP_DOMAIN/channel.html', // Channel File
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
        });

        FB.getLoginStatus(function(response) {
          var page_id = "YOUR_PAGE_ID";
          if (response && response.authResponse) {
            var user_id = response.authResponse.userID;
            var fql_query = "SELECT uid FROM page_fan WHERE page_id = "+page_id+"and uid="+user_id;
            FB.Data.query(fql_query).wait(function(rows) {
              if (rows.length == 1 && rows[0].uid == user_id) {
                console.log("LIKE");
                $('#container_like').show();
              } else {
                console.log("NO LIKEY");
                $('#container_notlike').show();
              }
            });
          } else {
            FB.login(function(response) {
              if (response && response.authResponse) {
                var user_id = response.authResponse.userID;
                var fql_query = "SELECT uid FROM page_fan WHERE page_id = "+page_id+"and uid="+user_id;
                FB.Data.query(fql_query).wait(function(rows) {
                  if (rows.length == 1 && rows[0].uid == user_id) {
                    console.log("LIKE");
                    $('#container_like').show();
                  } else {
                    console.log("NO LIKEY");
                    $('#container_notlike').show();
                  }
                });
              } else {
                console.log("NO LIKEY");
                $('#container_notlike').show();
              }
            }, {scope: 'user_likes'});
          }
        });
      };

      // Load the SDK Asynchronously
      (function(d){
        var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js";
        d.getElementsByTagName('head')[0].appendChild(js);
      }(document));
    </script>

    <div id="container_notlike">
      YOU DON'T LIKE ME :(
    </div>

    <div id="container_like">
      YOU LIKE ME :)
    </div>

  </body>
</html>

サーバー上のchannel.htmlファイルに次の行が含まれている場合：

 <script src="//connect.facebook.net/en_US/all.js"></script>

そこには少しコードの重複がありますが、アイデアは得られます。これにより、ユーザーが初めてページにアクセスしたときにログインダイアログがポップアップします（これは理想的ではありませんが機能します）。それ以降の訪問では、何もポップアップ表示されません。

17
dinjas

この投稿はかなり前からありましたが、解決策は純粋なJSではありません。 Jason は、アクセス許可の要求は理想的ではないことに注意しましたが、ユーザーが明示的に拒否できるため、これは良いことだと思います。私はまだこのコードを投稿していますが、（ほぼ）同じことは ifaourによる別の投稿 でも見ることができます。詳細にあまり注意を払わずに、これをJSのみのバージョンと考えてください。

基本的なコードはかなり単純です：

FB.api("me/likes/SOME_ID", function(response) {
    if ( response.data.length === 1 ) { //there should only be a single value inside "data"
        console.log('You like it');
    } else {
        console.log("You don't like it");
    }
});

または、meを他の誰かの適切なユーザーIDに置き換えます（これを行うには、friends_likesのように、以下のアクセス許可を変更する必要がある場合があります）。

FB.login(function(response) {
    //do whatever you need to do after a (un)successfull login         
}, { scope: 'user_likes' });
16
DrColossos

ユーザーが「いいね」ボタンを押したときにjqueryを使用してデータを送信します。

<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'xxxxxxxxxxxxx', status: true, cookie: true,
             xfbml: true});

                 FB.Event.subscribe('Edge.create', function(href, widget) {
$(document).ready(function() { 

var h_fbl=href.split("/");
var fbl_id= h_fbl[4]; 


 $.post("http://xxxxxx.com/inc/like.php",{ idfb:fbl_id,Rand:Math.random() } )

}) });
  };

</script>

注：ボタンのIDを取得するには、非表示の入力テキストを使用できます。私の場合、「var fbl_id = h_fbl [4];」のURL自体から取得します。 IDの例があるため：url： http://mywebsite.com/post/22/some-tittle

だから私はURLを解析してIDを取得し、それをlike.phpファイルのデータベースに挿入します。この方法では、誰かが「いいね」ボタンを押したかどうかを知るために許可を求める必要はありませんが、誰がそれを押したかを知りたい場合は許可が必要です。

3
Agent_x