Facebook API - 评论分享指向错误URL的链接

Facebook API - Comment share links to wrong URL

本文关键字：错误 URL 链接 API 评论 分享 Facebook      更新时间：2023-09-26

好的，所以我正在我的网站上设置评论框。下面是一个示例：

<div class="fb-comments" data-href="http://whisperingforest.org/#/quote/60" data-numposts="5" data-colorscheme="light"></div>

出于某种原因，它没有链接到注释的 URL，而是将人们链接到https://www.facebook.com/apps/application.php?id=435066949857522

我不知道为什么这样做，有什么建议吗？

以防万一这是我的FB启动（在打开正文标签之后）：

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '467744490017837',
          status     : false,
          xfbml      : true
        });
      };
      (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";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

你应该提供一个代理网址（纯html，而不是你的页面的javascript应用程序），带有Facebook抓取工具的开放图形标签（og：title，og：description，og：image，og：sitename，og：type）和真实用户的javascript重定向。例：

<html prefix="og: http://ogp.me/ns#">
<head>
     <meta property="og:title" content="Quote #60" />
     <meta property="og:type" content="article" />
     <meta property="og:url" content="http://whisperingforest.org/quote.php?id=80" />
     <meta property="og:image" content="http://placehold.it/200x200&text=thumb" />
     <meta property="og:description" content="some description or maybe whole quote?" />
     <meta property="og:site_name" content="Whispering Forest" />
     <script>document.location.href="http://whisperingforest.org/#/quote/60"</script>
 </head>
 </html>

当然，它应该在服务器端生成，您必须将 og：url 更改为您的真实脚本 url。

要添加Facebook评论系统，您还可以通过以下方式使用此方法：

1.In 您的标记，请添加此元标记- 

<meta property="fb:app_id" content="your app ID"/>

2.现在，无论您希望注释框出现在哪里，只需添加以下代码行，这样您就不需要在您的标签中编写该 javascript-

   <div id="fbcomments">
       <div id="fb-root"></div>
       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
       <fb:comments href="URL of your webpage" width="880"></fb:comments>
       </div>

3.此外，您可以通过将en_US替换为相应的语言来更改评论的显示语言。

一个有用的链接：http://code.tutsplus.com/articles/the-ultimate-guide-to-implementing-facebook-comments-on-your-blog--wp-23855

<div id="fbcomments">
       <div id="fb-root"></div>
       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
       <fb:comments href="URL of your webpage" width="680"></fb:comments>
       </div>

使用上面的代码显示注释框。还要在您的标签中添加以下元标记-

<meta property="fb:app_id" content="your app ID"/>
相关文章：