Fatal编程技术网
  • facebook/
  • 移动用户无法访问Facebook页面选项卡

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

facebook iframe tabs

移动用户无法访问Facebook页面选项卡,facebook,iframe,tabs,fbml,Facebook,Iframe,Tabs,Fbml,我遇到了一个我看不到的问题，无法为解决这个问题提供资金。 我的Facebook页面上有一个标签（静态HTML:iFrame应用程序之一）。从PC访问它没有问题，但是当我尝试从移动设备访问选项卡时，它会显示： “找不到您请求的页面。 “返回上一页” 有什么方法可以在移动设备上创建一个可访问的选项卡，或者直接将它们重定向到外部域 谢谢 如何创建可移动访问的Facebook页面选项卡应用程序 为了创建一个页面标签应用程序，它有一个移动可访问的版本（直接访问的外部网站，而不是通过Facebook iFr

我遇到了一个我看不到的问题，无法为解决这个问题提供资金。 我的Facebook页面上有一个标签（静态HTML:iFrame应用程序之一）。从PC访问它没有问题，但是当我尝试从移动设备访问选项卡时，它会显示：

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

有什么方法可以在移动设备上创建一个可访问的选项卡，或者直接将它们重定向到外部域

谢谢

如何创建可移动访问的Facebook页面选项卡应用程序 为了创建一个页面标签应用程序，它有一个移动可访问的版本（直接访问的外部网站，而不是通过Facebook iFrame）。您需要在app developer设置中添加和配置3个不同的“平台”。应按如下方式配置这些组件：

页表 按照您通常的方式进行配置

  • 页面选项卡名称：要显示在页面选项卡上的名称
  • 页面选项卡Url：您托管页面选项卡应用程序的Url（例如）
  • 安全页面选项卡Url：相同，但前面有https（例如）
网站 这是您为移动站点配置url的地方

  • 移动站点URL：这是您希望移动用户重定向到的URL（例如）
  • 站点URL：这是用于Facebook Connect的，如果您没有使用Facebook Connect，也可以将您的移动URL放在这里
Facebook上的应用程序 这将成为您应用程序的网关到达此页面的移动用户将被重定向到移动网站。您可以使用javascript将桌面用户重定向到您的Facebook页面标签应用程序

  • 画布应用程序页面：这将是，这是您将在facebook墙上或广告中发布的链接，或您希望链接到页面选项卡的任何其他位置
  • 画布Url：这是指向应用程序页面的链接，该页面将作为iframe嵌入到画布应用程序页面中。您将使用此页面使用JavaScript重定向到页面选项卡。e、 g
  • 安全画布Url：与上面相同，但前面有https（例如“”）
画布重定向脚本 您希望通过桌面浏览器访问画布应用程序的用户被重定向到页面选项卡应用程序。因为它是在i-frame中加载的，所以实现这一点的唯一方法是使用JavaScript

这将是您的画布Url的内容（如上所述）：

top.location=”http://facebook.com/page_tab_url/app_1234"
注意“top.location”-这将重定向父窗口，而不仅仅是iframe到页面选项卡。当用户到达桌面浏览器的画布页面时，他们将通过JavaScript重定向到您的页面选项卡应用程序移动用户将被Facebook重定向到您上面指定的移动网站Url

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

关于用户角色的说明 您可以通过单击应用程序设置中的“角色”选项卡来配置应用程序用户角色。您可以添加Facebook用户或Facebook组作为任何角色。（如果添加组，则该组中的所有用户都将具有应用程序中指定的角色）。为了让用户在应用程序上具有特定角色，他们必须：

  • 验证他们的facebook帐户：
  • 安装Facebook开发者应用程序
（编辑以反映更新的开发人员设置UI和可读性）

您也可以使用类似的链接来停止facebook重定向手机

我是静态HTML的开发者之一。实际上，我们现在已经在应用程序中内置了一个功能，可以生成适用于移动和桌面的智能缩短链接。如果你点击编辑器顶部的“+”图标，它会弹出一个可共享的链接

如果你使用这个链接，我们会做一些额外的魔法，让你的标签更适合小屏幕

编辑：我们已经放弃了特殊的格式，因为它在iOS设备上很容易出错。

我很难弄清楚如何使用手机访问页面标签，多亏Ben在之前的评论中，我找到了一种方法。首先，您无法使用手机访问页面标签，因此您需要将其指向页面标签的来源。如果您使用的是画布，Facebook可以为您做到这一点，但如果您使用台式计算机访问它，您将被重定向到画布链接，而不是页面选项卡。我们就是这样解决的：

--

1） 进入“设置-基本”下的应用程序（Facebook开发者）

2） 从页面选项卡部分复制页面选项卡URL（类似），并在移动站点URL中将其传递到移动Web部分

3） 对Facebook上的应用程序部分也做同样的操作，但是你必须使用重定向文件，而不是将其指向你的页面选项卡。让我们使用

请注意，您必须在链接末尾使用？fb。它什么都不做，但Facebook想要它。事实上，它可能是？任何东西，可能只是

4） 创建redirection.php文件（不要添加？fb）并在其中添加此代码

<script>top.location="http://facebook.com/your_fb_page/your_page_tab"</script>
<script>top.location="http://facebook.com/your_fb_page/your_page_tab"</script> 
// Mobile_Detect
require 'Mobile_Detect.php';

$detect = new Mobile_Detect;

if (strpos('https://' . $_SERVER['HTTP_REFERER'] . $_SERVER['REQUEST_URI'], 'facebook.com') !== false && $detect->isMobile()) {
    echo '<html><head><script type="text/javascript">window.top.location.href = "https://yourappurl.com";</script></head><body></body></html>';
    die();
}