您如何为 Facebook 页面创建移动友好的 Like Gate？答案

【问题标题】：How do you create a mobile friendly Like Gate for a Page on Facebook?您如何为 Facebook 页面创建移动友好的 Like Gate？
【发布时间】：2012-09-20 13:03:30
【问题描述】：

我在我的一些 Facebook 页面上设置了点赞门，我收到很多投诉，称自从 facebook 网站的移动版本以来，人们无法通过移动设备访问内容，而且适用于 ios/android 的 Facebook 应用，不支持 Facebook 上的标签。

我看到有一些服务（我不确定它们的合法性）提供了一种为您的页面标签创建类似移动门的方法，但我找不到任何关于他们如何做到这一点的文档。这些服务不适合我，因为我的标签上的内容是自定义和动态的。

那么，如何为移动页面创建一个插页式页面，要求访问者在 Facebook 上喜欢我的页面才能继续？这必须适用于新用户，以及重新访问该选项卡并且需要安装到应用程序的现有用户。

谢谢！

【问题讨论】：

标签： facebook mobile facebook-like

【解决方案1】：

您可以对移动网站采取的一种方法是通过 JS SDK 检查用户是否喜欢相关页面。

如果您的应用程序有登录用户，您可以在 JS SDK 初始化中订阅authResponseChange FB 事件，或直接调用函数发出 API 请求以验证用户是否为你的页面。

在你的初始化中：

FB.init({appId: YOUR_FB_APP_ID_HERE });
window.fbAsyncInit = function() {
  // React to a user clicking an on-page Like button:
  FB.Event.subscribe("edge.create", verifyUserLikesPage);     
}

您可以在like handler 中验证用户是否喜欢相应的页面：

function verifyUserLikesPage() {
  FB.api("/me/likes/"+FBID_OF_PAGE_TO_ENSURE_THEY_LIKE, function(apiResponse){
    if (apiResponse.data && apiResponse.data.length > 0)
      // User likes the page. Enabled them to proceed
    else
      // User does not like the page. Require they click Like.
  }
}

有关 edge.create 的更多信息可通过 JS 订阅：https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

【讨论】：

不幸的是，这需要将用户安装到我的应用程序中；并且因为这只是一个选项卡 - 没有安装。（安装对话框对于这个用例来说太重了）