facebook - 移动用户无法访问Facebook页面选项卡

Question

我遇到了一个无法解决的资金。
我的Facebook页面上有一个标签(那些静态HTML:iFrame应用之一)。从PC上访问它没有问题，但是当我尝试从移动设备上访问选项卡时，它说:

“未找到您所请求的页面。
返回上一页”

有什么方法可以创建可在移动设备上访问的标签，也可以将它们重定向到外部域？

谢谢!

Answer 1

如何创建可移动访问的Facebook Page Tab App

为了创建页面选项卡应用程序，它具有可移动访问的版本(可直接访问外部网站，而不是通过Facebook iFrame进行访问)。您需要在应用开发者设置中添加和配置3个不同的“平台”。这些应配置如下:

页面标签

像通常那样配置它。

页面选项卡名称:要在页面选项卡上显示的名称

页面选项卡网址:您托管页面选项卡应用程序的网址(例如http://myapp.com/page-tab)

安全页面选项卡网址:相同，但前面带有https(例如https://myapp.com/page-tab)

网站

您可以在此处配置移动网站的网址

移动网站网址:这是您希望将移动用户重定向到的网址(例如http://myapp.com/mobile-version)

网站URL :用于Facebook Connect，如果您不使用Facebook connect，也只需在此处输入移动URL。

Facebook上的应用

这将成为您应用程序的门户。 到达此页面的移动用户将重定向到 移动网站。您可以使用JavaScript将 桌面用户重定向到您的 Facebook页面选项卡应用程序。

Canvas 应用程序页面:这将是http://apps.facebook.com/my-app-namespace，这是您将在Facebook墙上或广告中或您希望链接到页面选项卡的其他任何地方发布的链接

Canvas 网址:这是指向应用程序页面的链接，该页面将作为iframe嵌入在 Canvas 应用程序页面上。您将使用此页面使用JavaScript重定向到页面选项卡。例如http://myapp.com/canvas-redirect

安全 Canvas 地址:与上面相同，但前面带有https(例如“https://myapp.com/canvas-redirect”)

您的Canvas重定向脚本

您希望将在桌面浏览器上到达您的 Canvas 应用程序的用户重定向到您的页面标签应用程序。因为它加载在i框架内，所以唯一的方法是使用JavaScript。

这将是您的 Canvas Url (上面的 http://myapp.com/canvas-redirect)的内容:

<script>top.location="http://facebook.com/page_tab_url/app_1234"</script>

请注意“top.location” -这将重定向父窗口，而不仅仅是将iframe重定向到页面标签。当用户在桌面浏览器中到达 Canvas 页面时，他们将通过JavaScript重定向到您的 页面标签应用。 移动用户将通过Facebook重定向到您在上面指定的 移动网站网址。

在沙盒模式下测试

如果您的应用程序处于沙盒模式，则只有该应用程序的管理员，开发人员或测试人员才能看到它。尤其是未登录Facebook的用户，或者已登录Facebook但不是该应用程序的管理员或测试人员的用户将无法访问应用程序 Canvas 页面-他们只会看到404错误。为了在应用处于沙盒模式时测试您的移动重定向，您需要确保 您是该应用的管理员，开发人员或测试人员，并且已通过手机的网络浏览器(即Safari)登录到Facebook的移动网站在iOS上和Chrome在Android上。 不够，不足以在手机上登录Facebook移动应用程序，您还必须使用浏览器登录。

有关用户角色的说明

您可以通过在应用设置中点击“角色”标签来配置应用用户角色。您可以添加Facebook用户或Facebook组作为任何角色。 (如果添加一个组，则该组中的所有用户将具有在应用程序中指定的角色)。为了使用户在应用程序中具有特定角色，他们必须:

验证其Facebook帐户:http://www.facebook.com/help/verify

安装Facebook Developer应用程序https://developers.facebook.com/

(编辑以反射(reflect)更新的开发人员设置用户界面和可读性)