0

私のページにコメント ボックスを追加しました: http://metallica-gr.net/news/welcome/welcome.html

しかし、[Facebook に投稿] がオンになっていてもコメントを追加すると、そのコメントは Facebook に表示されません。ボックスのチェックを外して再度チェックすると、うまくいくことがありました。それはバグですか、それとも何か間違っていますか？

4

1 に答える 1

1

ソース コードは、複数のfb-rootdiv タグがあり、アプリ ID がないことを示しています。

あなたのコード:

<div id="fb-root"></div>
<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/el_GR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

1 つの div タグを削除fb-rootしてから新しい fb アプリを作成し、そのアプリ ID を取得して接続 URL に追加します。//connect.facebook.net/el_GR/all.js#xfbml=1

最終的なコードは次のようになります。

<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/el_GR/all.js#xfbml=1&appId=<YOUR-APP-ID>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

また、プラグインに HTML5 コードを使用しないのはなぜですか?

<div class="fb-comments" data-href="{YOUR_SITE_URL}" data-num-posts="2" data-width="470"></div>

また、あなたのサイトには、重要な OG メタ タグの一部が欠けてog:titleいます。og:urlog:descriptionog:typefb:app_id

また、 によって参照される画像og:imageは、両方の寸法で少なくとも 200px である必要があります。それを修正すると、動作するはずです。

例えば：

<meta property="og:title" content="Metallica-gr" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://metallica-gr.net/news/welcome/welcome.html" />
<meta property="og:image" content="{IMAGE_URL}" />
<meta property="og:description" content="{YOUR_SITE_DESCRIPTION}" />
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>

変更後に URL をリントすることを忘れないでください。これにより、fb サーバーは新しい更新をキャッシュします。

それがうまくいったかどうか教えてください。

于 2012-10-22T02:29:46.560 に答える