如何让Facebook页面自由地编写HTML
展开Facebook页面
发布样本Facebook页面
关于如何打开新的Facebook页面并利用各种功能来准备最低环境和传输信息,我们在前一篇文章“ 如何制作Facebook页面(基础)”中介绍过。在这个时候,让我们在Facebook页面添加尽可能多的页面来添加任意数量的页面,因为您可以从1自由设计HTML源代码以扩大Facebook页面的内容。在本文中,作为一个例子,我将解释使用创建名为“Website Creation TIPS”的Facebook页面的过程。请访问此Facebook页面,因为它实际打开了以下URL。
“自定义页面”组添加到Facebook页面(以应用程序的形式显示)
为了将您自己的页面(*以下称为“您自己的页面”)从1描述HTML页面添加到Facebook页面,需要执行以下步骤。[1]准备HTML以在外部站点上显示为Facebook页面。[2]使用开发人员功能,注册应用程序以“显示您自己的页面”。[3]将一个应用程序(在[2]中制作)添加到Facebook页面。这次,我将向您展示如何使用上述过程将您自己的页面添加到Facebook页面。
如何在“Facebook页面”上显示您自己的页面
您无法直接在Facebook网站上传和显示自己的HTML。使用“内联框架”方法,以添加Facebook外框的方式显示在任何服务器上上传的HTML文件。
将放置在外部站点上的页面与内嵌框架组合在一起
因此,要将您自己的页面添加到您的Facebook页面,您需要在任何服务器上的某个位置上传HTML文件(在您自己的页面上)。例如,在开头介绍的示例Facebook页面中的“欢迎!”页面上,实际的HTML文件位于以下位置。它不在facebook.com上。上述HTML是,通过结合到用直列帧将建立一个Facebook页面页,诸如“欢迎!”: 。
需要可以使用SSL的Web服务器
此外,这是必要的数据可以使用“SSL”是一种机制来发送和接收加密(使用HTTPS而不是HTTP访问),这将是更好的去思考,而不是放在免费主页空间进行访问。请准备一台可以使用SSL上传目的地的服务器。样品Facebook页面较早,但位于以下位置的实体介绍的Http://Tomoyo.Sakura.Ne.Jp/sns/facebook/3/ 此页,即使协议HTTPS如下:你可以访问它。https://tomoyo.sakura.ne.jp/sns/facebook/3 / 这样,您需要能够使用SSL进行访问。请注意,这并不仅仅意味着将“http://”更改为“https://”。SSL必须在服务器端可用。 可以使用租赁服务器公司提供的“共享SSL”服务来使用SSL。例如,对于诸如“Sakura Internet”和“Lollipop”的租赁服务器,共享SSL甚至可以用于廉价课程。
准备:准备一个自由描述HTML的页面
将页面升级到外部服务器
首先,请在Facebook侧设置之前制作您自己的页面内容(HTML文件)。由于它将显示在内联框架内,因此您需要注意以下几点,但您可以通过除此之外的常用创建方法来实现。您可以自己编写HTML,也可以使用某些创建软件。创建后,将其上载到SSL可用的服务器。请确保您可以使用浏览器访问HTTP和HTTPS。■ 描述链接时的注意事项:由于原始页面将显示在框架内,因此在链接到外部网站时,请写入“target =”_ top“”请注意,必须添加一个框架并释放框架。※“外部网站”在这里表示“除了您用作上传目的地的网站之外的所有网站”。因此,即使facebook.com域中的页面也是“外部网站”。例如,制作链接的HTML编写如下。
它可以写成如下并显示在单独的窗口中。
但是,强制打开所有内容的单独窗口的界面不是很理想,因为它忽略了用户的意图。尽可能与“目标=” _顶级的说明“”保持‘仅释放框架’,你是否希望显示在一个单独的窗口,所以我们建议您让用户侧。■ 该地区免费使用:
您只能在中间的蓝线中自由设置
内联框中显示的原始页面的显示区域是右图所示的部分。在样本Facebook页面“ 网站创建提示 ”中,为了便于理解,我们将其包含在“蓝框线”中。您可以在此范围内自由设计。其他部分是Facebook撰写和显示的部分,因此您无法直接编辑。■ 水平方向固定,垂直方向可变(上限)
在旧规范中,宽度固定为520px
原始页面的宽度是固定大小(520px或810px)。之前它仅限于520px,但在Facebook改为新布局后,增加了810px。由于该规范将来可能会改变,因此最好使其尽可能为液体布局(可变长度)。虽然它在垂直方向上是可变的,但是当超过800px的上限值时(在内联框内),显示滚动条。要防止显示滚动条,必须将垂直尺寸保持在800px以内。但是,有一种避免滚动条并向下延伸的方法。为此,您需要使用Facebook提供的JavaScript。虽然本文中省略了具体方法,但我们将在下一篇文章中与其他TIPS一起介绍它。现在,一旦页面准备就绪,让我们制作一个“app”将它组合到你的Facebook页面中。
制作一个显示您自己页面的应用程序
作为“一页一申请”的待遇
要在Facebook页面中显示您自己的页面,请在每页注册为一个“应用程序”。换句话说,
“欢迎光临!用于显示页面的应用程序用于显示“新到货”页面的应用程序用于显示“推荐文章”页面的应用程序......等等,我为每个页面制作独立的应用程序并使用它。即使您提出申请,编程能力也是不必要的。只需注册名称,URL等。* Facebook界面经常更改。在实际操作中,细节可能与本文中描述的屏幕图像不同。如果找不到与发布图像相同的屏幕,请尝试查找类似的链接和按钮。本文中使用的屏幕图像是截至2012年5月底。本文于2011年12月23日发布了第一版,并根据当前情况在2012年5月进行了部分修订。
创建在Facebook页面中显示其自己页面的应用程序的过程
■ 访问开发页面
点击页面底部的“开发”
首先,访问Facebook开发页面。如右图所示,单击每页底部文本链接中的“开发”。或者您可以直接访问http://developers.facebook.com/。
点击顶部的“应用”
当出现如右图所示的屏幕时,单击页面顶部的“应用程序”。
■ 准备创建应用程序
授予开发者应用程序权限
第一次访问时,会打开一个请求权限的对话框,如右图所示,因此请给出权限。
“APP”的第一个屏幕
然后出现如右图所示的屏幕。在此屏幕上,将显示您目前创建的应用程序列表。第一次访问时,由于尚未创建任何应用程序,因此会显示右侧的注释屏幕。
■ 申请
“创建一个新的应用程序”
单击页面右上角的“创建新应用程序”按钮。
给出一个易于理解的名称(*注意不要太长)
然后出现一个像右边那样的小对话框。请在“应用程序显示名称”字段中输入要创建的应用程序的名称。您在此处输入的名称与Facebook页面上实际显示为菜单项的名称不同。请给自己一个描述性名称,表明“要显示哪种页面”。但请注意,如果太长,下半部分将被省略。*如果输入字段右侧显示“有效”,则输入内容没有问题。显示“失败”时,无法使用其名称,请将其更改为其他名称。
输入图像中显示的字母字符
单击“继续”按钮时,将显示安全检查屏幕,该屏幕将读取并输入图像中显示的几个字母字母,如右图所示。请完全按照出现的方式输入,然后按“发送”按钮。*如果难以阅读,您可以将其更改为其他图像。
■ 申请的基本设定
应用程序ID是标识应用程序的编号
将显示右侧所示的“应用程序的基本设置”屏幕。由于以后需要在页面顶部显示“App ID”,因此可以方便地复制和粘贴某处。无需编辑特别是基本数据列。您可以将“命名空间(应用程序命名空间)”或“应用程序域(应用程序域)”留空。由于它是仅供您使用的应用程序,因此您可以保留“其他”类别。
■ 设置要显示的页面的URL和大小
在“页面选项卡”字段中输入设置
单击底部的“页面选项卡”列,然后输出一个类似右侧的输入列。请在此输入并选择以下4项。
“页面选项卡名称”:Facebook页面上的菜单或时间线顶部显示的名称(请注意,如果太长则不会显示结尾)“页面标签网址”:您自己网页的网址(以http://开头的网址)“安全页面选项卡URL”:使用SSL 的自己页面的URL(https:// URL以开头)“页面选项卡宽度”:原始页面的宽度。请选择“宽(810px)”。您可以将“页面标签编辑网址”字段留空。■ 注册页面选项卡的图像
“自定义页面”组添加到Facebook页面(以应用程序的形式显示)
在Facebook页面的“时间轴”顶部,应用程序列表显示为右侧所示的图像。这与您自己创建的“您自己的显示自己的页面的应用程序”相同。使用此图像,您自己的页面的存在变得非常容易理解。我们一定要注册。
点击“更改”
在“页面选项卡的图像”列的右端,有一个小的“更改”链接,如右侧所示。单击此处注册应用程序的图像。
上传页面标签的图片
然后,如右图所示,显示用于指定图像文件的屏幕。如果您在此处指定图像文件,则会自动上传。实际显示的图像尺寸为110 x 74像素,但如果您注册较大的图像,它将自动缩小并使用。
页面选项卡的图像已注册
上传完成后,图像显示如右图所示。*虽然上传后可能无法显示如右图所示,但如果保存设置内容(通过后面介绍的方法),将会显示。现在,如果你没有看到它,请不要担心下一个任务。
■ 设置(2)
复制相同的内容并在“Facebook上的应用程序”中输入
单击“Facebook上的应用程序”列,然后输出一个类似右侧的输入框。请在此处输入以下两项。
“画布网址”: 与您在“网页标签网址”字段中输入的相同“ 安全画布URL”:您之前在“安全页面标签URL”字段中输入的相同URL■ 注册图标
图标可以附加到菜单
选择Facebook页面中的显示页面您可以在下拉菜单中的项目名称的开头显示一个小图标,如右图所示。因为这个图标和什么都没有明显不同,让我们一定注册图标。※此图标注册不是强制性的。如果您未注册任何内容,将使用默认图标。
点击“更改图标”
要注册图标,请单击页面顶部的“更改图标”链接,如右图所示。
指定图标的图像文件
然后,如右图所示,显示用于指定图标的图像文件的屏幕。如果您在此处指定图像文件,则会自动上传。实际显示的图标大小为16 x 16像素,但如果您注册较大的图像,它将自动缩小并使用。
图标已注册
上传完成后,将显示一个图标,如右图所示。*虽然上传后可能不会如右图所示显示,但如果保存则会显示(通过以下方法)。
■ 保存
创建后,您可以完成创建
这样就完成了设置。请单击页面底部的“保存更改”按钮进行保存。如果显示“已保存更改。”,则表示已完成应用程序的创建。
■ 申请清单
已创建的应用程序列表
单击页面顶部的“应用程序”以查看已创建的应用程序列表。您可以在此屏幕中查看稍后需要的“应用程序ID”。在右图中,由于除“欢迎!”页面之外还创建了许多页面,因此会显示多个应用程序。要创建其他新页面(显示的应用程序),请单击右上角的“创建新应用程序”按钮。其余的与我们迄今为止介绍的程序相同。好吧,只是通过这个,我只是创建了“一个显示自己的页面的应用程序”。接下来,您需要使用此应用程序添加“app to Facebook page”。
在Facebook页面添加“应用程序以显示您自己的页面”
※以下的手续在2011年12月变化很大。由于将来可能会更改,如果您没有更改,请尝试搜索并查看最新信息。
“App ID”是每个应用程序的不同数字
首先,准备“应用程序以显示您自己的页面”的“应用程序ID”。此ID是一个15位数字,它取决于每个应用程序。如果您在创建应用程序时没有备忘录,可以从上一页介绍的“应用程序列表”页面等进行检查。
请将该ID替换为以下URL中的“■■■”部分。
http://www.facebook.com/add.php?api_key=■■■&pages=1
例如,如果App ID为“123000000000321”,则它将成为以下URL。
http://www.facebook.com/add.php?api_key= 123000000000321&pages = 1
■ 指定添加应用程序的位置
选择要添加的Facebook页面名称
使用浏览器访问上面创建的URL时,会出现如右图所示的屏幕。在这里,选择“Facebook页面名称”作为“添加应用程序目标”。*除“Facebook页面”名称外,过去创建的“应用程序名称”也会显示在此列表中,因此在附加混淆名称时需要小心。“请选择要添加自己页面的页面的”Facebook页面名称“。
单击“添加”按钮
出现如右图所示的确认屏幕。在这个例子中,我们将它添加到Facebook页面“创建网站提示”,所以我选择了它。如果选择Facebook页面名称没有错误,请单击底部的“添加○○○”按钮(○○○是应用程序名称)。
添加到时间轴的顶部
然后,您将自动移至Facebook页面,您可以看到它已添加到时间线顶部的应用程序列表部分。
项目已添加到菜单中
此外,如右图所示,菜单中还添加了项目以选择显示页面。
■ 显示确认
您可以从菜单访问自己的页面
如果从应用程序列表或菜单中单击您自己页面上的项目,将显示其自己的页面。如果要添加更多页面,请使用每个App ID重复上述过程。
方法不允许错误
这里,如果显示“Method Not Allowed”,则认为服务器端不允许在POST时访问HTML文件。在这种情况下,将文件扩展名更改为php可能会有效,所以请尝试一下。您只需更改文件的内容(作为HTML)而不更改任何内容,并将扩展名更改为php。特别是对于“Sakura Internet”的服务器,这种方法效果很好。
更改您自己页面的显示顺序(应用程序)
单击应用程序映像组右端的箭头
每次创建显示自己页面的应用程序时,它都会按顺序添加到时间轴的顶部或菜单中。它们的顺序可以自由改变。要更改顺序,请单击右侧所示的箭头,该部分右侧显示时间线顶部的四个应用程序(最大)。
用于更改显示位置的菜单
然后,应用程序的显示字段将扩展为多个列,如右侧所示。在此状态下,如果将鼠标放在每个应用程序的图像上,右肩上将出现“铅笔”图标。单击它时,将显示“替换位置”菜单。从那里,您可以通过单击要替换的项目名称来更改显示顺序。如果您在此处更改订单,则更改显示页面的下拉菜单中的订单也将更改。此外,如果您决定不使用自己的页面,请单击此处的“卸载应用程序”。
提示:您无法再首先显示自己的页面
访问Facebook页面的人看到的第一页是“时间轴”。在过去,我能够创建一个独特的页面(例如“欢迎!”页面),该页面播放目录并将其设置为首先显示。但是,现在,缺少可以指定首先显示的页面的“默认显示的选项卡”,并且始终首先显示“时间轴”。
将您自己的页面添加到Facebook页面完成
这样就完成了将自己的页面添加到Facebook页面的方法。请根据需要创建自己的页面,并制作包含大量信息的Facebook页面。另请参阅作为本文示例创建的“创建主页提示”Facebook页面。应当指出的是,“在接下来的文章的HTML的Facebook页面写作技巧在”消除大小限制的垂直方向的方法,当单独多个自己的页面之间浏览诱导对Facebook的方的方法,注意在链接的时间它描述了TIPS的三个要点,可用于为“独特页面”(如点)编写HTML。请同时参考。