7

これに何時間も費やしたので、私はイライラしています-ここSOには他のスレッドもありますが、どれも私の問題を解決しませんでした!

私は自分のウェブサイト www.posti.sh に fb のようなボタンを実装したいだけです - なぜ機能しないのでしょうか?

https://developers.facebook.com/docs/reference/plugins/like/ステップバイステップのチュートリアルに従って、私が使用するコードは次のとおりです。

<div id="fb-root"></div> (directly after the opening body tag)

と

<div class="fb-like" data-href="http://www.posti.sh" data-send="true" data-width="450" data-show-faces="true"></div>

私がそれをしたい場所。

また、対応するメタ タグを head に追加しました。

なぜそれが機能しないのか誰にもわかりませんか？

ありがとうございました！！

デニス

更新 1

私は fb デバッグ ツールhttps://developers.facebook.com/tools/debugを使用しましたが、og 画像が十分に大きくないとしか言​​いませんが、問題にはならないと思いますか?

4

2 に答える 2

4

HTML5 Like Button コードのステップ 1 に、実際にJavascript SDKを追加する部分がないようです。コードは次のようになります。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/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>
于 2012-05-18T22:28:07.170 に答える
0

ちょうど今、同様の問題を解決しました。FBライクなボタンが表示されましたが動作しませんでした。

私のページ<div id="fb-root"></div>にはdivcssposition: relative;属性がありました。削除するposition: relative;と、再び機能します。

于 2012-09-05T07:27:58.147 に答える