2

Facebookのいいねボタンでテストをしようとしています。サイトに追加したいのですが、表示されません。Mamp for Mac OS を使用してローカルでテストしています。ここにコードを追加しています。エラーを理解するのを手伝ってもらえますか? FB SDK と iframe を試してみましたが、何も表示されません。

<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
     FB.init({
      appId      : '145033796136',                        // App ID from the app dashboard
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

  // Load the SDK asynchronously
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>   
  <h1>Rumba Babylon</h1>
  <section>
    here probably show content
  </section>
  <aside>
    <h1>SOCIAL PLUGINS</h1>
    <div class="fb-like" data-href="https://www.facebook.com/enbodega?fref=ts"data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
  </aside>
  <script src="js/jquery.js"></script>
  <script src="js/main.js"></script>
</body>
4

2 に答える 2

2

同様のプラグインの XFBML バージョンを使用してみてください。

交換

<div class="fb-like" data-href="https://www.facebook.com/enbodega?fref=ts"data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>

に

<fb:like href="https://www.facebook.com/enbodega?fref=ts" send="false" layout="box_count" width="450" show_faces="false"></fb:like>

それでもうまくいかない場合は、これを直後に追加しますFB.init。

FB.XFBML.parse();
于 2013-06-05T17:19:40.053 に答える
0

ちょっと最初に単純な実装を試してみてください。非同期にロードしようとしています。ルートまたはドメインで channel.html を探します。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

また、data-href タグで、Like ボタンを追加しようとしている独自のページの URL を渡す必要があります。そうしないと、ページの正しい Like カウントが得られません。body タグのすぐ下に「fb-root」div を含むスクリプトを追加し、好きな場所で次のコードを使用します。

<div class="fb-like" data-send="false" data-layout="standard" data-width="450" data-show-faces="false" data-colorscheme="light" data-action="like"></div>

うまくいくことを願っています。はいの場合は、カスタマイズを開始できます。

于 2013-06-12T06:03:36.880 に答える