2014-03-31 50 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"/>