单个页面上有多个Facebook评论框?

tr3*_*ine 6 comments facebook xfbml

我在一个页面上列出了三个产品,我希望在每个产品的一侧添加一个小注释框,如:https://www.facebook.com/SanukFootwear?ref = ts&sk = app_113298085356151.主要问题是,我似乎无法弄清楚如何在页面中添加多个注释框.

我尝试使用HTML5和XFBML.我现在使用的代码是:

<html xmlns:fb="http://ogp.me/ns/fb#">

    <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=MYAPPID";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
Run Code Online (Sandbox Code Playgroud)

<fb:comments href="MYURL" num_posts="5" width="500" xid="product_01"></fb:comments>

似乎添加xid<fb:comments>块应该只为该xid生成一个唯一的注释列表.然而,这不起作用.如果我执行以下操作:

<fb:comments href="MYURL" num_posts="5" width="500" xid="product_01"></fb:comments>

<fb:comments href="MYURL" num_posts="5" width="500" xid="product_02"></fb:comments>

并尝试在任何一个上发布,评论显示在两者上.我是否缺少允许这些独特评论的内容?

来自sanuk商店facebook页面的代码如下:

<fb:comments xid="featured_product_56062795998_1" width="255" numposts="5" expr:href="##_1" class="  fb_iframe_widget">
    <span>
        <iframe id="f1f0d95ac" name="f341a4ded" scrolling="no" style="border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; width: 255px; height: 572px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=113298085356151&amp;channel_url=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df5542ec34%26origin%3Dhttps%253A%252F%252Fnorthsocial.com%252Ff2d77af7ec%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;locale=en_US&amp;numposts=5&amp;sdk=joey&amp;title=&amp;url=https%3A%2F%2Fnorthsocial.com%2Fapp%2Ftab%2Ffeatured_products%2Fview.php&amp;width=255&amp;xid=featured_product_56062795998_1"></iframe>
     </span>
</fb:comments>
Run Code Online (Sandbox Code Playgroud)

我不知道他们从哪里获得这个iFrame内容.我提到了facebook开发文档,但一直无法找到任何信息.任何帮助,将不胜感激!

提前致谢,

TRE

DMC*_*MCS 7

评论插件没有我可以看到的xid参数:https://developers.facebook.com/docs/reference/plugins/comments

您需要为每个注释框指定唯一的URL

  • 正如Heliboy23所说,只需在末尾指定一个锚.除非您使用旧版本,否则不需要使用XID. (2认同)

小智 6

我为我的网站解决了一个页面的多个评论框问题.这对我有用:

生成FB代码时,必须输入"要评论的URL".对于第一个框,只需输入网址即可.对于第二个盒子,我添加了mysite.com/#comments2.对于第三个盒子,我添加了mysite.com/#comments3.等等.这应该为每个URL提供一个单独的注释框.希望这可以帮助.