【问题标题】:Facebook Like Button on iFrame-based FB Pages App - Problem基于 iFrame 的 FB Pages 应用程序上的 Facebook Like 按钮 - 问题
【发布时间】:2011-11-10 17:09:14
【问题描述】:

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

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

我尝试通过 FB linter 运行 iFrame 的目标页面,它给出了一个奇怪的错误,说我提供了“其他”的开放图形类型(我没有,我提供了“网站”在我的 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>

有人有什么想法吗?

谢谢,

乔丹娜

【问题讨论】:

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


    【解决方案1】:

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

    正如您所发现的,尝试使用诸如https://www.facebook.com/EssentialTravel?sk=app_275969292428556 之类的网址创建一个赞按钮只会为页面而不是单个选项卡创建一个赞按钮。

    为该特定标签制作点赞按钮的最佳方法是仅使用位于您服务器上的应用的 URL,例如。 http://YOURDOMAIN.com/YourAppDirectory

    【讨论】:

    • 嗨乔恩,感谢您的信息。那就是我必须解决的问题。我想我可以在加载时检查 Facebook 是否从我的应用程序中请求了该应用程序,如果没有,则将用户重定向到我的 Facbook 页面中的应用程序。这样,如果有人通过点赞链接访问我的应用程序,他们最终会出现在 FB 页面应用程序上,而不仅仅是应用程序本身。
    • 不确定是否有人看到这个,但 pjordanna,我已经实现了相同的机制(比如指向外部页面,它立即重定向到 facebook 页面中的应用程序)并且效果很好(外部页面包含所有og 元标记让 FB 创建一个不错的新闻源帖子)。但是,我担心这会以某种方式违反 FB 的条款?毕竟不是很清楚用户在幕后到底喜欢什么,我可以想象这样的场景被用于欺诈目的。
    • 如果您将其设置为指向您自己的服务器,Facebook 是否区分页面(使用包括查询在内的完整路径)?或者喜欢my.site.com?page=3和喜欢my.site.com?page=1一样
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多