2011-07-10 10 views
0

ユーザーがFacebookにログインしているときに、Facebook推奨プラグインを表示したい。私は結果が不愉快に見えるので、ユーザーがFacebookにログインしていないときにプラグインを表示したくありません。これも可能ですか?これを自分のサイトにどうやって実装しますか?ユーザーがログインしているときにFacebookの推奨プラグインを表示

ありがとうございました! マカ

のFacebookのソーシャルプラグイン(推奨) https://developers.facebook.com/docs/reference/plugins/recommendations/

以下のページで実装のように私はすでにJavascriptのSDKを持っています。また、jQuery1.5.2がページにロードされています。ここで

<div id="fb-root"></div> <script> 
    window.fbAsyncInit = function() { 
     FB.init({ 
      appId : 'APP ID', 
      status : true, // check login status 
      cookie : true, // enable cookies to allow the server to access the session 
      xfbml : true, // parse XFBML 
      channelUrl : 'http://urltomysite.com/channel.html' // custom channel 
     }); }; 

     (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> 

は、ユーザーがFBにログインしているかどうかを確認するためにFB.getLoginSTatusを使用することができます

<fb:recommendations site="urltomysite.com" width="300" height="300" header="true" font="" border_color=""></fb:recommendations> 
+0

あなたは "結果が不愉快に見える" とはどういう意味ですか?私は自分のサイトでそれを使用しているので、上手く見えます。 – Balanivash

答えて

1

プラグインアーティスト同士のコラボレーションのためのタグです。この機能からの応答で、あなたの推薦を表示するかどうかを決めることができます。

FB.getLoginStatus(function(response) { 
    if (response.session) { 
     // logged in and connected user, someone you know 
     } else { 
     // no user session available, someone you dont know 
     } 
    }); 

もチェック:Check if user is logged in New Facebook API

+0

ありがとう私はこれを試します – Maca

+0

私はあまりにも多くを求めて私は知っているが、私はちょうどJavascriptを学び始めた。私はこのコードを書いたが、うまくいかないようだ。 'function fbLoginStatus(response){ if(response.session){ document.getElementById( 'fb-root')。innerHTML =" "; \t \t}他{ \t \tのdocument.getElementById( 'FB-ルート')のinnerHTML = "

YOUは

ログインしていません。"; \t \t} \t \t} 'yesのエラー何である場合は、エラーを取得している場合 – Maca

+0

は、コンソールをチェックして、私はJSがあると思われるように私は何のエラー、あなたが取得していると知らずに何かを伝えることができるかわかりません良い。 – Balanivash

関連する問題