Question

我的网站上的Facebook评论框有点问题。我无法想出一种方法来将评论链接到他们所在的网址。例如，我的网站上的帖子1的fb评论在我的所有帖子之间共享，这对用户来说可能有点误导。我每天发布大约一百篇帖子（主要是图片），我无法为每一个帖子制作一个新的盒子。

这是困扰我的代码：

<div class="fb-comments" data-href="funshit.ru" data-num-posts="5" data-width="530" data-colorscheme="dark"></div>

如果只有一种方法可以将其链接到当前网址，问题就会得到解决。

任何帮助都表示赞赏m8s。

Answer 1

您可以省略data-href（或将其留空），以便使用当前网址。

<强>更新
截至2012年9月，上述方法仅适用于第一版Facebook评论框。

要使用较新版本的评论社交插件，您需要明确指定当前网址。

Answer 2

这个似乎是万无一失的，非常简单：

// In the next line, you must grab the parent element of the div with class fb-comments.

var oComments = document.querySelector("#CONTAINER-OF-COMMENTS-BOX");

oComments.innerHTML = '<div class="fb-comments" data-href="http://www.whatever.com/" data-num-posts="NUMBER OF POSTS TO SHOW" data-width="WIDTH OF CONTENT"></div>';

FB.XFBML.parse(oComments);

您也可以选择使用jQuery的父元素，如下所示：

var oComments = $(".fb-comments").parent().get(0);

确保更改data-href的{{1}}属性，以更改评论所针对的网址。您还应该针对要显示的帖子数量调整fb-comments div，并针对内容的宽度调整data-num-posts。应该这样做！

Answer 3

使用下面的检查脚本，这对我有用。

<script type='text/javascript'>
     var postUrl = '<data:post.url/>';
     document.write("<div class="fb-like" data-href='" + postUrl + "' data-layout="standard" data-action="recommend" data-show-faces="true" data-share="true"></div>");
</script>

相应地给每个帖子提供链接。

Answer 4

我是博客，我在我的博客（www.it.itmrk.com）下面的脚本中使用，这对我有用。

<script type='text/javascript'>
     var postUrl = '<data:post.url/>';
     document.write("<div class="fb-like" data-href='" + postUrl + "' data-layout="standard" data-action="recommend" data-show-faces="true" data-share="true"></div>");
</script>

相应地给每个帖子提供链接。它也可能对你有所帮助。

请查看......

如何将Facebook评论小部件链接到当前网址？

4 个答案: