Question

好吧，我正在我的网站上设置评论框。这是一个例子：

<div class="fb-comments" data-href="http://whisperingforest.org/#/quote/60" data-numposts="5" data-colorscheme="light"></div>

出于某种原因，它不是链接到已注释的网址，而是将人们链接到https://www.facebook.com/apps/application.php?id=435066949857522

我无法弄清楚为什么会这样做，有什么建议吗？

以防万一这是我的FB启动（在开始身体标签之后）：

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '467744490017837',
          status     : false,
          xfbml      : true
        });
      };

      (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>

Answer 1

你应该提供一个代理网址（普通html，而不是一个javascript应用程序作为你的页面），带有Facebook刮刀的开放图形标签（og：title，og：description，og：image，og：sitename，og：type）和真实用户的javascript重定向。例如：

<html prefix="og: http://ogp.me/ns#">
<head>
     <meta property="og:title" content="Quote #60" />
     <meta property="og:type" content="article" />
     <meta property="og:url" content="http://whisperingforest.org/quote.php?id=80" />
     <meta property="og:image" content="http://placehold.it/200x200&text=thumb" />
     <meta property="og:description" content="some description or maybe whole quote?" />
     <meta property="og:site_name" content="Whispering Forest" />
     <script>document.location.href="http://whisperingforest.org/#/quote/60"</script>
 </head>
 </html>

当然应该在服务器端生成，你必须将og：url更改为真实的脚本URL。

Answer 2

要添加Facebook评论系统，您还可以通过以下方式使用此方法：

1.在标记中，添加此元标记 -

<meta property="fb:app_id" content="your app ID"/>

2.现在，无论您希望评论框出现在何处，只需添加以下代码行，这样您就不需要在标记中编写该javascript -

   <div id="fbcomments">
       <div id="fb-root"></div>
       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
       <fb:comments href="URL of your webpage" width="880"></fb:comments>
       </div>

3.此外，您可以通过将en_US替换为相应的语言来更改评论显示的语言。

一个有用的链接：http://code.tutsplus.com/articles/the-ultimate-guide-to-implementing-facebook-comments-on-your-blog--wp-23855

Answer 3

<div id="fbcomments">
       <div id="fb-root"></div>
       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
       <fb:comments href="URL of your webpage" width="680"></fb:comments>
       </div>

使用上面的代码显示评论框。还要在标记中添加以下元标记 -

<meta property="fb:app_id" content="your app ID"/>

Facebook API - 评论共享链接到错误的URL

3 个答案: