web-dev-qa-db-ja.com

コメントプラグイン管理ツールが機能しない

Facebookコメントソーシャルプラグインを設定しようとしています。プラグインは、サイトの各製品ページに一意のURLのコメントプラグインが含まれるように設定されます。私はすべてのコメントをまとめてモデレートできるようにしたいのですが、これはFacebookのコメントモデレーターツールで実行できるはずです。

それぞれのアプリIDにリンクされたソーシャルプラグインをページに配置できますが、次のURLのモデレートツールにコメントが表示されません https://developers.facebook.com/tools/comments

ページ上のコードはこれです：

<div id="fb-root"></div>
<script type="text/javascript" language="javaScript">
  (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&appId=[appid]";
     fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

じゃあ後で...

<meta property="fb:app_id" content="[appdid]"/>
<div class="fb-comments" data-href="http://www.testtesttest.com/" data-num-posts="2" data-width="" data-colorscheme="dark"></div>

現時点では実際にはtesttesttest.comというURLを使用していますが、実際のアプリIDをアプリIDスポットに入れていることに注意してください。

私はこれを行い、ページにコメントを投稿できます。ただし、モデレートツールには何も表示されません。私が間違っている可能性があることについて何か提案はありますか？誰かがこれをうまく機能させることができましたか？アプリの設定が間違っているのか、URLの一致の問題なのか、ドメインの問題なのかわかりません。どこから始めればいいのかわかりません。

ありがとう！

facebookfacebook-social-plugins
24
gleasonomicon

私は何が起こっているのかを理解しました。私は自分のローカルマシンでデバッグしていて、facebookの管理統合がそこで機能しないようです。それを本番/可視サーバーに移動すると、デバッガーは機能しました： https://developers.facebook.com/tools/debug

その後、主要な問題のトラブルシューティングを行い、コメントを統合することができました。コメント自体はローカルで機能するため、奇妙です。ライブと私は推測を学ぶ。

15
gleasonomicon

私は同じ問題を抱えており、これで解決しました：

アプリの横にあるモデレートツールが機能するため

<meta property="fb:app_id" content="xxxxx" />

および管理タグ

<meta property="fb:admins" content="xxx" />

タグを追加する必要があります：

<meta property="og:url" content="URL" />
<meta property="og:title" content="TITLE" />
<meta property="og:description" content="DESC" />
<meta property="og:image" content="IMG" />

その後、すべてがうまくいきました。

18
Goran Bernobić

これらの解決策を試しましたが、うまくいきませんでした。数時間後、私は解決策を見つけました。これは私が従ったプロセスです：

  1. https://developers.facebook.com/tools/debug にアクセスし、FacebookのコメントボックスがあるアプリのURLを入力します

  2. 最も重要な情報は、最終ページのURLです。これは、Facebookがメタタグを検索するページである「最終ページのURLは太字です（これは、メタデータを抽出しようとしたURLです）」。

  3. 最終的なURLがサインインページであることに気づきましたが、サインインページにメタタグがありませんでした。 Facebookのコメントに使用するレイアウトにメタタグを追加したところです。

  4. サインインページにFacebookアプリIDを含むfb:app_idメタタグを追加したところ、コメントモデレーションツールが動作するようになりました。

7
marrossa

このメタタグを使用しています。

    <meta property="og:title" content="TİTLE" />
    <meta property="og:description" content="CONTENT" />
    <meta property="og:image" content="İMAGE URL" />
    <meta property="fb:app_id" content="000xxx"/> 
    <meta property="fb:admins" content="11xxx"/>

初めて、コメントプラグイン管理ツールが私のページでも機能しませんでした。

重要！このタグをページのHTMLコードに追加する必要があります。

<html prefix="og: http://ogp.me/ns#">

その後、数分待ちます。何かを書く。プラグインは動作します。

追伸もちろん、JavaScriptコードでは「アプリID」を使用する必要があります。

<div id="fb-root"></div>
    <script type="text/javascript" language="javaScript">
    (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&appId=[APP İD]";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
4
Shaig Muradov

追加のタグは必要ありません。 1時間の休憩が必要です。 FBは遅い、1時間何をするかわからないが、しばらくすると動作を開始します。ちょうどあなたの友人の投稿のいくつかが彼らが投稿したよりもずっと後にあなたのフィードに現れるように。 それは私のために働いていますインターネットの多くの読書の後ですが、コードに変更はありません（元のFBドキュメントコードによる）。ここで行う必要があります。

ヘッダーファイルにメタタグを含める

<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>

hTMLページにコードを追加する

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

最も重要なのは、長い休憩を取って、戻ってきたときにページをctrl + F5することを忘れないでください。私はこの待ち時間が嫌いで、あなたもそうです。

3
ghanchakkar

問題はインデックスの再作成（スクレイピング）です1.開く https://developers.facebook.com/tools/debug/sharing/ 2. URLを入力して確認します3.「いつ、どのように、どのように最後にURLをスクレイピングしました」

ページがスクレイピングされていない場合、新しいコメントはモデレートパネルに表示されません。 「Scrape again」ボタンを押した後、コメントは正常に機能します。既存の各ページを再スクレイピングすることを忘れないでください（新しいページは正常に動作します）。

3
Oleksandr Matviienko

FBコメントのモデレート解決済み

<meta property="fb:admins" content="YourFBID"/>
 <meta property="fb:app_id" content="YOURAPP ID" />
Specify the meta tags in the head

<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&appId=yourAppId";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 <div class="fb-comments" data-href="<?php 'YourURL'; ?>" data-num-posts="2" data-width="470" data-colorscheme="light" data-mobile="false"></div>

上記のdata-hrefは、モデレートツールのキーを保持します。それは、私が行ったのと同じである必要があります... phpタグのあるものです。

1
shivram

オブジェクトデバッガページ で次のエラーが発生した場合の解決策：

... 'fb：admins'はタイプ 'fbid'として解析できませんでした。

ユーザーIDの代わりにユーザーslugでfb：adminsを使用する

私は同じ問題を抱えていましたが、数値のユーザーIDが機能しなかったのはなぜでしょうか。

ユーザーID（数字）の代わりにユーザー "slug"（ユーザー名、英数字1）を使用して修正しました。

ユーザータイムラインにアクセスすると、ユーザー "slug"が見つかります。
www.facebook.com/first-name.last-name

次に、ページを次のように更新します。

<meta property="fb:admins" content="first-name.last-name" />

Facebookオブジェクトデバッガーページですべてが正常であることを確認します。 https://developers.facebook.com/tools/debug/og/object/

「新しいスクレイプ情報を取得する」ボタンをクリックしてください。

これで完了です。ページに戻ってモデレート機能をお楽しみください。

1
Yves M.

ばかげているように見えるかもしれませんが、コメントを表示したいサイトは、いいね！を数えるFacebookサイトとは関係ありません！自分で間違えました。

したがって、モデレーションを正しく表示し、コメントを適切な場所に表示するには、 data-href="...."のURL部分は、コメントを表示するためのサイトでなければなりません。

例えば：

<div class="fb-comments" data-href="HTTP://WWW.THE-SITE-FOR-THE-COMMENTS-TO-SHOW-UP.COM/" data-numposts="5"></div>

モデレーションが表示されるのに十分なであることがわかりました：

<meta property="fb:app_id" content="123456789123456" /> <!--for example -->
<meta property="fb:admins" content="the.admins.fb.id" /> <!-- whatever there is after the fb.com/ -->
<meta property="og:url" content="http://www.the-site-you-want-the-comments-to-appear.example/" /> <!--for example -->

...

0
Sándor Zuboly

これは私がdata-hrefからhttpsへ。私のURLがhttpsでない限り、アプリは接続を希望しません。私のサイトにはsslがありますが、コメントはhttpのURLですでに設定されています。

0
jamil