Question

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

John Smith喜欢链接。

[APP LOGO]我的应用程序的页面标题链接：my_app_url
  关于当前页面的基本描述

然而，Facebook发布了这个，这是枯燥乏味的：

John Smith喜欢链接   我的应用名称（指向应用页面的链接）apps.facebook.com
  apps.facebook.com（不是我的应用程序网址，但是通用的apps.facebook.com网址）

基本上，我查看了techcrunch网站，FB文档等等。而且，我在代码中添加的是：

<fb:like href="http://apps.facebook.com/myapp/pageid" send="false" layout="button_count" width="450" show_faces="false" font=""></fb:like>

我使用初始化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'
        });
   }

并且，在页面上我还将以下内容作为元标记：

<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>

但是，当用户点击类似按钮时，没有一个显示???

真的非常感谢任何帮助！提前谢谢！

Answer 1

请检查此链接以获取解决方案。它对我有用 http://forum.developers.facebook.net/viewtopic.php?pid=354148#p354148

我已经尝试了将og meta标签添加到我的页面的所有可能的组合和建议，但它们都没有奏效。使用facebook URL Linter测试URL时，它始终返回在应用程序管理页面上定义的默认值。就像它没有看到og meta标签。而更有趣的是，当我查看页面源时，og meta标签存在但尚未被facebook或linter评估。

现在，在我的画布页面中，我在html和og元标记定义之前在顶部定义了登录/身份验证（并依赖于重定向等），这是主要问题。

如果在提供og meta标签之前执行FB登录重定向/身份验证，然后FB crawlers / linter将无法检测到您的元信息，并会尝试自动填充它。

在fb上失去理智：就像iframe应用程序一样！

1 个答案: