2014-03-31 54 views
9

好吧,所以我在我的网站设置评论框。这里有一个例子:Facebook的API - 评论分享链接到错误的URL

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

出于某种原因,而不是链接到评论URL,它链接的人https://www.facebook.com/apps/application.php?id=435066949857522

我想不通为什么它这样做,有什么建议?

以防万一,这里是我的FB开始(开body标签后):

<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> 
+0

同样的问题。错误的网址:og_title与错误的app_id(与您的https://www.facebook.com/apps/application.php?id=435066949857522相同)。 –

回答

2

你应该提供一个代理URL(纯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。

0

要添加Facebook的评论系统,您还可以在下列方式使用此方法:

1.In您标签,添加此元标签 -

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

2.Now,无论你要显示在评论框,只需添加以下代码行,所以你不会需要编写的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.Also,Y您可以通过用各自的语言替换en_US来更改您的评论的语言。

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

0
<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"/>