基于iFrame的FB页面应用程序上的Facebook Like Button - 问题

时间:2011-09-05 15:14:35

标签: facebook facebook-graph-api iframe-app

我在FB粉丝页面标签中向基于iFrame的页面添加类似按钮时遇到问题。我正在使用JavaScript SDK和Open Graph来指定我希望用户“喜欢”的页面(这是我的FB页面中的当前页面)。

该页面基于iFrame,是FB中的一个应用程序,可以通过我的FB页面的FB页面选项卡进行访问。问题是Facebook正在将喜欢分配给我的FB页面本身(如果你愿意,我的FB页面主页),而不是页面问题(我的测试页面 - 它被设置为一个应用程序,并出现在我的FB页面选项卡下的名称“og测试”)。

我已经尝试通过FB linter运行iFrame的目标页面,它给出了一个奇怪的错误,说我提供了“其他”的Open Graph类型(我没有,我提供了“网站”在我的META标签中)见下文:

http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.airport-parking-quote.co.uk%2Ffacebook%2Fog-test.php

此外,从查看调试页面看,Facebook似乎忽略了我的“og:url”值中的QueryString,因此只看到我的FB页面的虚荣URL,或者有某种阻止就可以了基于iFrame的应用页面。

任何人都可以对此有所了解吗?我认为从这篇文章中可以实现我想要做的事情:

http://www.insidefacebook.com/2010/09/09/like-buttons-app-content/

iFrame目标网页的代码是:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>Test Like</title>
    <meta property="og:title" content="OG Test"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://www.facebook.com/EssentialTravel?sk=app_275969292428556"/>
    <meta property="og:image" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="fb:admins" content="100002424161307"/>
    <meta property="fb:app_id" content="275969292428556"/>
    <meta property="og:description" content="OG test through canvas page"/>
  </head>
  <body>
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js"></script>
  <script>
    FB.init({
      appId  : '275969292428556',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true, // parse XFBML
      oauth  : true // enable OAuth 2.0
    });
  </script>
    Test Page<br>
    <script src="http://connect.facebook.net/en_US/all.js#appId=156081301143077&amp;xfbml=1"></script><fb:like href="https://www.facebook.com/EssentialTravel?sk=app_275969292428556" send="false" width="450" show_faces="false" action="recommend" font=""></fb:like>
  </body>
</html>

有人有什么想法吗?

谢谢,

Pjordanna

1 个答案:

答案 0 :(得分:2)

很遗憾,您无法为页面上的实际标签设置类似按钮。

正如您所发现的那样,尝试使用https://www.facebook.com/EssentialTravel?sk=app_275969292428556等网址制作类似按钮只会为页面创建一个类似按钮,而不是单个标签。

为特定标签制作类似按钮的最佳方法是使用服务器上的应用程序的URL,例如。 http://YOURDOMAIN.com/YourAppDirectory