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

Question

我遇到了一个我无法为解决方案提供资金的问题.我的Facebook页面上有一个标签(其中一个是静态HTML:iFrame应用程序).从PC访问它没有问题,但是当我尝试从移动设备访问选项卡时,它说:

"找不到您请求的页面.返回上一页"

有什么方法可以在移动设备上创建可访问的选项卡,或者只是将它们重定向到外部域？

谢谢!

Answer 1

如何创建移动可访问的Facebook页面选项卡应用程序

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

页面标签

像往常一样配置它.

• 页面选项卡名称:要在页面选项卡上显示的名称
• 页面标签网址:您托管网页标签应用的网址(例如http://myapp.com/page-tab)
• 安全页面选项卡URL:同样的事情,但前面有https(例如https://myapp.com/page-tab)

网站

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

• 移动网站网址:这是您希望移动用户重定向到的网址(例如http://myapp.com/mobile-version)
• 网站网址:用于Facebook Connect,如果您不使用Facebook连接,只需将您的移动网址放在此处.

Facebook上的应用程序

这将是您的应用程序的门户.到达此页面的移动用户将被重定向到移动网站.您可以使用javascript将桌面用户重定向到Facebook页面选项卡应用程序.

• Canvas应用页面:这将是http://apps.facebook.com/my-app-namespace,这是您将在Facebook墙上或广告中发布的链接,或者您想要链接到页面标签的任何其他位置
• Canvas Url:这是指向应用页面的链接,该页面将作为iframe嵌入到画布应用页面上.您将使用此页面使用JavaScript重定向到页面选项卡.例如http://myapp.com/canvas-redirect
• Secure Canvas Url:这与上面相同,但前面有https(例如" https://myapp.com/canvas-redirect ")

您的画布重定向脚本

您希望在桌面浏览器上到达您的画布应用程序的人被重定向到您的页面选项卡应用程序.因为它是在i-frame中加载的,所以唯一的方法就是使用JavaScript.

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

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

请注意"top.location" - 这将重定向父窗口,而不仅仅是iframe到页面选项卡.当用户在桌面浏览器中到达画布页面时,它们将通过JavaScript重定向到您的页面选项卡应用程序.移动用户将被Facebook重定向到您在上面指定的移动网站URL.

在沙箱模式下测试

如果您的应用处于沙盒模式,则只有应用的管理员,开发人员或测试人员才能看到它.特别是没有登录Facebook的用户,或登录Facebook但不是应用程序的管理员或测试人员的用户将无法访问应用程序画布页面 - 他们只会看到404错误.为了在应用程序处于沙盒模式时测试您的移动重定向,您需要确保您是应用程序的管理员,开发人员或测试人员并且您已在手机的Web浏览器上登录Facebook的移动网站 - 即iOS上的Safari和Android上的Chrome.这是不是足够您的手机上签署到Facebook的移动应用程序,您还必须在使用浏览器登录.

关于用户角色的说明

您可以通过单击应用程序设置中的"角色"选项卡来配置应用程序用户角色.您可以添加Facebook用户或Facebook群组作为任何角色.(如果添加组,则该组中的所有用户都将具有在应用程序中指定的角色).为了让用户在应用上拥有特定角色,他们必须:

• 验证他们的Facebook帐户:http://www.facebook.com/help/verify
• 安装Facebook Developer app https://developers.facebook.com/

(编辑以反映更新的开发设置UI和可读性)