移动用户无法访问 Facebook 页面选项卡 [英] Mobile users unable to access Facebook page tab

问题描述

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

I'm having a problem that I can't see to fund the solution to. I have a tab on my Facebook page (one of those static HTML: iFrame apps). There are no problems accessing it from a PC, however when I try accessing the tab from a mobile device it says:

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

"The page you requested was not found. Back to previous page"

有什么方法可以创建一个可在移动设备上访问的标签页，或者只是将它们重定向到外部域?

Is there some way I can either create a tab accessible on mobile devices, or just redirect them to an external domain?

谢谢！

推荐答案

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

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

How to create a mobile accessible Facebook Page Tab App

In order to create a Page Tab App which has a mobile accessible version (an external website accessed directly, not via a Facebook iFrame). You need to add and configure 3 different "Platforms" in the app developer settings. These should be configured as follows:

像往常一样配置它.

• 页面标签名称:您希望出现在页面标签上的名称
• 页面标签网址:您托管页面标签应用的网址(例如 http://myapp.com/page-tab)
• 安全页面标签网址:相同的东西，但前面有 https(例如 https://myapp.com/page-tab)

• Page Tab Name: the name you want to appear on the page tab
• Page Tab Url: the url where you are hosting the page tab app (e.g. http://myapp.com/page-tab)
• Secure Page Tab Url: the same thing but with https in front (e.g. https://myapp.com/page-tab)

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

This is where you configure the url for your mobile site

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

这将成为您的应用程序的门户.到达此页面的移动用户将被重定向到移动网站.您可以使用 javascript 将桌面用户重定向到您的 Facebook Page Tab 应用.

This is going to be the gateway to your app. Mobile users arriving on this page will be redirected to the mobile website. You can use javascript to redirect desktop users to your Facebook Page Tab App.

• 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")

• Canvas App Page: this will be http://apps.facebook.com/my-app-namespace, this is the link you will post on your facebook wall or in your ads, or anywhere else you want to link to your page tab
• Canvas Url: this is a link to a page on your app that will be embedded as an iframe on the canvas app page. You will use this page to redirect to your page tab using JavaScript. e.g. http://myapp.com/canvas-redirect
• Secure Canvas Url: This is the same as above but with https in front (e.g. "https://myapp.com/canvas-redirect")

您希望通过桌面浏览器访问您的画布应用的用户被重定向到您的页面标签应用.因为它是在 i-frame 中加载的，所以唯一的方法就是使用 JavaScript.

You want people arriving at your canvas app on a desktop browser to be redirected to your page tab app. Because it is loaded inside an i-frame, the only way to do this is using JavaScript.

这将是您的画布网址的内容(http://myapp.com/canvas-redirect 以上):

This will be the content of your Canvas Url (http://myapp.com/canvas-redirect above):

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

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

Note the "top.location" - this will redirect the parent window, not just the iframe to the page tab. When a user arrives on the canvas page in a desktop browser, they will be redirected via JavaScript to your Page Tab App. Mobile users will be redirected by Facebook to the Mobile Site Url you specified above.

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

If your app is in Sandbox Mode, only admins, developers or testers of the app will be able to see it. In particular users not logged into Facebook, or who are logged into Facebook but are not admins or testers of the app, will not be able to access the app canvas page - they will just see a 404 error. In order to test your mobile redirect when the app is in sandbox mode, you need to ensure that you are an an admin, developer or tester of the app AND you are logged into Facebook's mobile site on your phone's web browser - i.e. Safari on iOS and Chrome on Android. It is not sufficient to be signed into the Facebook Mobile App on your phone, you must also be logged in using the browser.

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

You can configure the App User Roles by clicking on the "roles" tab in the app settings. You can add a Facebook user, or a Facebook Group as any of the roles. (If you add a Group, all the users in that group will have the role specified in the app). In order for a user to have a specific role on an app, they must:

• 验证他们的 Facebook 帐户:http://www.facebook.com/help/verify
• 安装 Facebook 开发者应用 https://developers.facebook.com/

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

这篇关于移动用户无法访问 Facebook 页面选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！