为动态产品添加Facebook插件评论

Question

我在我的网站上安装了Facebook评论.我的网站是一个动态网站,页面如下www.example.com/page?id=54,www.example.com/page?id=67.

如果我在此页面发布评论:www.site.com/page？id = 54,它也会显示在www.example.com/page?id=67中.注释对于页面不是唯一的,但会出现在每个页面中

我看到了这个问题:每个页面的Facebook评论.这个问题的答案是问题是因为"？" 标志.看起来 "？" 登录URL使其为Facebook插件打破.我需要改变URl写作的形式.

因为我的网站已有7年历史了,所以我不想改变URl写作的方法.

还有另一种解决方法吗？

Answer 1

首先,从Facebook复制评论div和脚本,将其粘贴到您的产品详细信息页面:

<div id="fb-root"></div>
<script>(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#xfbml=1&appId=114215202075258";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

和

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

最后,只需添加以下代码:

<script>
    $(".fb-comments").attr("data-href", window.location.href);
</script>

Answer 2

将小部件插入页面时，您可以添加类似于以下代码的内容：

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

您需要每次将http://example.com替换为新页面，一次替换为 ?id=54，另一次替换为 ?id=67。