Facebook评论插件在画布应用程序:在访客的墙上评论看起来很难看

时间:2011-12-16 15:18:14

标签: facebook comments facebook-canvas

我想在页面标签/画布页面的底部放置一个评论框,以便访问者可以在访问者的墙上发布将在该页面上显示的评论和 - 如果用户选中复选框。我使用评论插件

执行此操作
<div class="fb-comments" data-href="[link to real url of this page]" data-num-posts="2" data-width="520"></div>

评论框中的评论看起来不错。评论在访客的墙上看起来很难看。访客墙上的评论似乎收集了评论框页面的元标记信息。我已根据http://developers.facebook.com/docs/opengraph/自定义元标记,并在http://developers.facebook.com/tools/debug处通过facebook linter测试了设置并获得了良好的结果。现在访客墙上的评论看起来很好,但有一些小问题:

  1. 评论没有链接到facebook-url(http://www.facebook.com/pages/ ..),而是链接到页面的真实网址(http://www.somewhere.com/page- with-comments.php)这是不希望的
  2. 评论包含指向真实网址的链接,这在所有
  3. 中都是不可取的

    对于(2)我在访客墙上生成帖子时有一个类似的问题

    FB.api('/me/feed', 'post', { picture: pic, caption: ' ', description: desc, link: link }, function(response) {});
    

    但是通过设置一个空格的标题属性可以避免链接。不幸的是,这个属性(og:caption)似乎不被facebook linter所喜欢。对于(1)我不知道如何解决问题,因为linter不喜欢meta标签og:url中的任何facebook-url,另一方面,它负责访问者墙上评论的链接目标。这不好。

    很长的消息,如何在页面选项卡/画布页面上实现评论插件,在访问者的墙上看到评论的漂亮外观,以及评论页面选项卡/画布页面上的链接。

    非常感谢

1 个答案:

答案 0 :(得分:0)

为了获得您想要的内容,您必须将Open Graph元标记添加到您在fb-comments div中用作href的页面。

支持的代码说明如下:http://developers.facebook.com/docs/share/

您可以在此处使用调试工具查看facebook刮刀在阅读页面时看到的内容: http://developers.facebook.com/tools/debug