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

pas*_*NOR 8 javascript facebook

好吧,所以我在我的网站上设置评论框.这是一个例子:

<div class="fb-comments" data-href="http://whisperingforest.org/#/quote/60" data-numposts="5" data-colorscheme="light"></div>
Run Code Online (Sandbox Code Playgroud)

出于某种原因,它不是链接到评论的URL,而是将人们链接到 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>
Run Code Online (Sandbox Code Playgroud)

小智 2

您应该提供一个代理 URL(纯 html,而不是作为您的页面的 javascript 应用程序),以及 Facebook scraper 的开放图形标签(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>
Run Code Online (Sandbox Code Playgroud)

当然,它应该在服务器端生成,并且您必须将 og:url 更改为您的真实脚本 url。