如何將Facebook評論框與我網站上的文章相關聯？

Question

我知道這裏是https://developers.facebook.com/docs/reference/plugins/comments/ 它生成的JavaScript和HTML代碼。 繼承人我的意思 https://dl.dropbox.com/u/63111556/ubuntu.png

在我的網站，我想創建一個博客，所以用戶帖子評論 現在將有來自用戶 我怎樣才能使涉及到具體的一個評論框不同崗位挑在我的網站上的帖子？

Answer 1

更改data-href在每個用法的div。你可以將其設置爲一個元素的ID或交的數量，使它們各不相同：

<div class="fb-comments" data-href="http://yourwebsite.com/#postIDorNumber" data-width="470" data-num-posts="10"></div> 
<div class="fb-comments" data-href="http://yourwebsite.com/#postIDorNumber2" data-width="470" data-num-posts="10"></div> 
<div class="fb-comments" data-href="http://yourwebsite.com/#postIDorNumber3" data-width="470" data-num-posts="10"></div> 

應該很容易落實到一個博客的帖子ID動態地添加到data-href

Answer 2

的代碼，該Facebook頁面生成是這樣的：

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

我reccomend給每個帖子一個單獨的URL表示： /博客/食品/我夾心 /博客/食品/我的雞，油炸餅

只需在呈現帖子列表時更改data-href參數。

例如：

<?php 
foreach($posts as $post) { 
    echo '<div class="post">'; 
    echo '<div class="post-title">' . $post->title . '</div>'; 
    echo '<div class="post-content">' . $post->content . '</div>'; 
    echo '<div class="post-comments"><div class="fb-comments" data-href="http://yoursite.com/blog/' . $post->url . '" data-width="470" data-num-posts="10"></div></div>'; 
    echo '</div>'; 
} 
?>