0

ソーシャルプラグインを使用して、自分のサイトに「いいね」ボタンを埋め込んでいます。いいねボタンのドキュメント(http://developers.facebook.com/docs/reference/plugins/like/)で生成されたコードから始めました。送信や面のない標準レイアウトを使用しています。ボタン自体が表示され、正常に機能します。ただし、コメントダイアログは表示されません。

私はこの仕事をするためのいくつかの提案を見つけましたが、今のところ成功していません。幅は450pxです。HTML5、XFBML、およびIFrameバージョンを試しました。IFrameバージョンには「コメントの追加」リンクがありました。そのダイアログは表示されましたが、途切れました。FB.initも使用しました。これが私のhtmlです。CSSに関連している可能性があると考えて、「いいね」ボタンのビットを除いてすべてを削除しましたが、削除されたバージョンも機能しません。

<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#">
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'appid', // App ID
      channelUrl : '//localhost:8282/myapp/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
    });

    // Additional initialization code here
  };

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

<!-- <div class="fb-like" data-href="http://www.espn.com" data-send="false" data-show-faces="false" data-width="450"></div> -->

<fb:like href="http://www.espn.com" send="false" width="450" show_faces="false" />

</body>
</html>

時々、それはちょうど2番目の目を必要とします。助けてくれてありがとう。

4

2 に答える 2

0

コメント ボックスはパブリック ドメインでのみ機能します。つまり、localhost でアプリを実行している場合は表示されません。どこかのstackoverflowでこれを読んだと思いますが、登録されませんでした。

于 2012-04-25T23:12:45.683 に答える
0

で置き換え"connect.facebook.net/en_US/all.js"てみてください"http://connect.facebook.net/en_US/all.js"

于 2012-10-12T06:16:56.817 に答える