如何为您的Facebook商业页面创建自定义选项卡

让我们说你已经创造了一个很棒的Facebook封面照片，你发布了参与社交媒体内容在常规，您的Facebook页面完全是针对时间轴设计进行了优化．你精明的社交媒体营销人员，你;-)

但你准备好了你的Facebook Page.更上一层楼?

如果是这样，我们认为你可能是一个新的游戏Facebook营销挑战：创建自定义Facebook选项卡。标签为您提供一种方法来展示定制内容默认选项卡（例如“关于”和“喜欢”）以及您可能已添加到您的页面中的任何现成的应用程序。

自定义标签对你的社交媒体营销策略是有价值的，因为他们让你在Facebook上创建一个更丰富的用户体验，并控制你的访客和追随者看到的内容，当他们来到你的页面。 Facebook封面照片可以通过单击右侧的“更多”下拉箭头来扩展。它们是类似于您的Facebook页面的网站导航，允许访问者浏览您的页面所提供的所有内容。看看截图HUBSPOT的Facebook页面在下面。你能认出我们的标签吗?（提示：我们为您突出显示了它们。）

在我讨论自定义Facebook选项卡的一些用例之前，请让我向您展示一个自定义Facebook选项卡的操作。看一眼可口可乐的“房屋规则”标签它的Facebook页面（如下图）......

Coca-Cola使用自定义选项卡巧妙地作为展示Coca-Cola如何管理其页面的方式，以及访问者和追随者在与之交互时如何表现如何。聪明，特别是如果你是一个像可口可乐一样的大公司。raybet电子竞技这只是一种方式，您可以在页面上使用自定义选项卡。

这里有一些其他的想法…

• 推动订阅您的业务博客．
• 促进即将到来的事件或网络研讨会的注册。
• 创建您的电子书的内容库和其他可下载优惠以帮助您从Facebook获取线索．
• 具有成功的客户推荐书或案例研究。

可能性是无止境。好的，现在你了解Facebook选项卡是什么以及如何使用它，让我们开始自定义！

如何在Facebook页面中添加自定义选项卡

第1步：创建要在自定义选项卡中显示的内容

想想你的Facebook选项卡iFrame在Facebook内加载。换句话说，您可以在自定义Facebook选项卡中显示您想要的任何内容。您通过创建网页来执行此操作外Facebook。此页面的内容是您将在自定义选项卡中显示Facebook的内容。

重要提示：Facebook要求您为您的网页提供安全的URL，以便设置Facebook选项卡。安全的URL是一个URL“https：//而不是前面的“http://”。如果你用来创建你的Facebook页面标签的网站不支持https, Facebook将不允许你设置一个自定义标签，你需要先获得一个SSL证书。

为了确保你的页面的内容在Facebook上正确显示，确保你的网页的宽度设置为100%, 520 px那或810 px．确保您在页面上包含的所有图像，视频等也少于520px.或810 px，取决于您选择的宽度进行标签内容。您还想在您的内容身体周围摆脱任何边缘或填充，因此为空间Facebook提供了优化的选项卡。

自Facebook的最新商业页面布局比以前更宽，我建议你的标签内容810px。Facebook之前的商业页面布局在520px中更窄。

步骤2:以Facebook开发者身份登录Facebook

访问https://developers.facebook.com/apps.．你可以用正常的Facebook凭证登录。

第3步：创建并命名您的新选项卡

1）点击绿色'+添加一个新的应用程序'从右上角的按钮。然后选择'网站'右边的按钮。

2）而不是使用Facebook启动的“快速启动”向导（这会令人困惑），点击“跳过并创建应用程序ID'右上方的按钮。

3）在这里，您需要提供“显示名称，这就是你的“应用”或标签将显示在你的Facebook页面上。你也可以创建一个'名称空间，这基本上只是一个独特的ID为您的应用程序——尽管这不是必需的，你也欢迎保留它为空白。选择“没有“对于这个问题测试版本- 如果您在Facebook上创建一个您想要其他人使用的Facebook应用程序，这更适用，而不是如果您只是为自己的页面创建自定义选项卡而不是创建自定义选项卡。最后，选择'页面的应用程序“作为类别，自从您将此应用程序创建为Facebook页面的自定义选项卡。

4）点击“创建应用程序ID'，您将被带到您的应用程序仪表板上的下一步。（注意：可能需要输入一个CAPTCHA.首先证明你确实是人类的;-)

步骤4:配置你的Facebook页面标签

1）一旦在您的应用程序仪表板中，单击“设置'在左侧导航;然后点击'+添加平台'按钮开始配置Facebook页面选项卡。

2）出现提示时，选择“页面选项卡'作为你的平台。

3）接下来，添加'安全页面选项卡URL'你在步骤1中创建的外部网页。记住，Facebook需要安全的URL（以https：//开头），否则它将无法正常工作。（有关更多详细信息，请参阅第1步。）然后指定是否需要a宽页面选项卡（810px），我建议您的内容填充选项卡的全部宽度。这也应该与您在步骤1.中设置的页面的宽度对齐。您可以离开'页面标签编辑URL'字段空白。你也可以上传一个'页面标签映像’这里(必须是111 x 74像素)，尽管说实话，我不确定Facebook如何使用这张图片，因为它不再使用缩略图在你的页面上的Facebook标签导航。

4）当你编辑完这部分的内容后，点击蓝色的'保存更改'右下方的按钮。

第5步：将新的自定义选项卡添加到您的Facebook页面

这一步可能有点棘手，所以仔细阅读。要将新选项卡添加到您的商业页面，您需要访问具有多个自定义URL参数的链接。我知道这听起来很奇怪，但与我忍受。以下是您需要修改的链接：

http://www.facebook.com/dialog/pagetab?app_id=.your_app_id.＆下一个=your_url.

1）首先，在上面的URL中替换红色中的零件 -your_app_id.和your_url.- 与'应用ID.'在您的应用程序的基本设置中找到，以及您的“安全页面选项卡URL。

所以使用我的例子，我的新网址是：

http://www.facebook.com/dialog/pagetab?app_id=.1546958298917818＆下一个=https://www.hubspot.com/custom-facebook-tab.

2）一是你有自己的URL，在浏览器中访问它。当你这么做的时候，这个会跳出来…

3）最后但并非最不重要的是，选择要将标签添加到的Facebook页面。然后点击“添加页面选项卡。请记住，您需要成为Facebook页面的管理员，以便添加选项卡。

瞧！现在应该将您的自定义Facebook选项卡添加到您的页面中。去看看看！

编辑注意：在他们设置的页面选项卡中，我们已经听到了获得405和403“禁止”错误的人的隆隆声。当Facebook用户点击自定义选项卡时，他们的浏览器将HTTP POST请求发送到Tab的安全页面标签URL。如果您使用的页面托管Facebook选项卡的内容，他们将看到此错误消息禁止HTTP POST请求。如果您看到这些错误，您最好的行动方案是使用经验丰富的开发人员来帮助您设置自定义Facebook选项卡。

第6步（可选）：重新排列您的Facebook选项卡

因为Facebook只允许您在“更多”下拉下拉下拉下桶之前显示四个选项卡，所以您还可以重新排列选项卡的顺序，以便您的页面主导导航而不是“新的自定义”选项卡更多'下拉。要重新排列选项卡，请单击“管理标签' 在里面 '更多的“Facebook页面上的”下拉“菜单，然后按照您希望它们出现的顺序拖放标签。只要注意到“时间线”和“关于”必须首先出现。

奖金：您还可以通过在模块上悬停在模块上，单击铅笔图标，然后选择“管理部分”来重新排序出色的Facebook页面时间轴左侧的内容模块。

关于创建自定义Facebook页面标签的Facebook官方文档，点击这里．

编者注：这篇文章最初于2011年发布，已更新以反映Facebook的自定义选项卡设置文档2015年。

最初发布于2015年3月2日上午10:00:00，Upduated 08年1月020日