Facebook 忘记fb:就像在iframe应用程序中一样!

Facebook 忘记fb:就像在iframe应用程序中一样!,facebook,facebook-graph-api,Facebook,Facebook Graph Api,我有一个应用程序正在iframe画布模式下运行。而且,我正在尝试添加一个fb:就像这个应用程序中的一样。我阅读了文档并查看了其他解释,但似乎没有任何东西能正常工作。我将分享细节,但当用户点击like按钮时,我希望在用户的墙上显示如下内容(这就是techcrunch和其他网站正在做的事情) 约翰·史密斯喜欢链接 [应用程序徽标]我的应用程序页面标题链接:我的应用程序url 关于当前页面的基本描述 然而,Facebook发布了这篇文章,它既枯燥又丑陋: 约翰·史密斯喜欢链接。 我的应用程序名称(指向

我有一个应用程序正在iframe画布模式下运行。而且,我正在尝试添加一个fb:就像这个应用程序中的一样。我阅读了文档并查看了其他解释,但似乎没有任何东西能正常工作。我将分享细节,但当用户点击like按钮时,我希望在用户的墙上显示如下内容(这就是techcrunch和其他网站正在做的事情)

约翰·史密斯喜欢链接

[应用程序徽标]我的应用程序页面标题链接:我的应用程序url
关于当前页面的基本描述

然而,Facebook发布了这篇文章,它既枯燥又丑陋:

约翰·史密斯喜欢链接。
我的应用程序名称(指向应用程序页面的链接)apps.facebook.com
apps.facebook.com(不是我的应用程序url,而是通用的apps.facebook.com url)

基本上,我查看了techcrunch网站、FB文档等,我在代码中输入的是:

I使用以下命令初始化FB:

$("<div id='fb-root'></div>").appendTo('body');

  var e = document.createElement('script');
  e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
  e.async = true;
  document.getElementById('fb-root').appendChild(e);
  window.fbAsyncInit = function() {
        FB.init({ 
          appId:appID, cookie:true, status:true, xfbml:true,
          channelUrl: mySiteURL + 'fb_channel-1.0.2.html'
        });
   }
$(“”)。附加到('body');
var e=document.createElement('script');
e、 src=document.location.protocol+'//connect.facebook.net/en_US/all.js';
e、 异步=真;
document.getElementById('fb-root').appendChild(e);
window.fbAsyninit=函数(){
FB.init({
appId:appId,cookie:true,status:true,xfbml:true,
channelUrl:mySiteURL+“fb_channel-1.0.2.html”
});
}
在页面上,我还将以下内容作为元标记:

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
      <meta property="og:site_name" content="Site Name-1"/>
      <meta property="og:title" content="Title-1"/>
      <meta property="og:image" content="http://mysite.com/logo.png"/>
      <meta property="og:description" content="Description-1"/>
      <meta name="description" content="Description-2"/>
</head>

但是,当用户点击like按钮时,这些都不会显示

非常感谢您的帮助!
提前谢谢

检查此链接以获取解决方案。这对我很有效

我尝试了各种可能的组合和建议,在我的页面中添加og元标记,但没有一个有效。当使用facebook URL Linter测试URL时,它总是返回应用程序管理页面上定义的默认值。就像它没有看到og元标记一样。 更有趣的是,当我查看页面源代码时,og元标记已经存在,但没有被facebook或linter评估过

现在,在我的画布页面中,在html和og元标记定义之前,我在顶部定义了登录/身份验证(以及取决于重定向等),这是主要问题

如果在提供og元标记之前执行FB登录重定向/身份验证, 然后FB爬虫/林特将无法检测到您的元信息,并将尝试自动填充它


嗨,我不得不更改代码,因为我不能这样离开它。但是,任何iframe应用程序都有这个问题,我猜这是一个bug……你能把链接的本质添加到你的答案中吗?我们想在这里建立一个即使链接坏了也能保持的资源。