展開Facebook頁(yè)面
發(fā)布樣本Facebook頁(yè)面
關(guān)于如何打開新的Facebook頁(yè)面并利用各種功能來(lái)準(zhǔn)備最低環(huán)境和傳輸信息，我們?cè)谇耙黄恼隆?如何制作Facebook頁(yè)面（基礎(chǔ)）”中介紹過(guò)。在這個(gè)時(shí)候，讓我們?cè)贔acebook頁(yè)面添加盡可能多的頁(yè)面來(lái)添加任意數(shù)量的頁(yè)面，因?yàn)槟梢詮?自由設(shè)計(jì)HTML源代碼以擴(kuò)大Facebook頁(yè)面的內(nèi)容。在本文中，作為一個(gè)例子，我將解釋使用創(chuàng)建名為“Website Creation TIPS”的Facebook頁(yè)面的過(guò)程。請(qǐng)?jiān)L問(wèn)此Facebook頁(yè)面，因?yàn)樗鼘?shí)際打開了以下URL。
“自定義頁(yè)面”組添加到Facebook頁(yè)面（以應(yīng)用程序的形式顯示）
為了將您自己的頁(yè)面（*以下稱為“您自己的頁(yè)面”）從1描述HTML頁(yè)面添加到Facebook頁(yè)面，需要執(zhí)行以下步驟。[1]準(zhǔn)備HTML以在外部站點(diǎn)上顯示為Facebook頁(yè)面。[2]使用開發(fā)人員功能，注冊(cè)應(yīng)用程序以“顯示您自己的頁(yè)面”。[3]將一個(gè)應(yīng)用程序（在[2]中制作）添加到Facebook頁(yè)面。這次，我將向您展示如何使用上述過(guò)程將您自己的頁(yè)面添加到Facebook頁(yè)面。
如何在“Facebook頁(yè)面”上顯示您自己的頁(yè)面
您無(wú)法直接在Facebook網(wǎng)站上傳和顯示自己的HTML。使用“內(nèi)聯(lián)框架”方法，以添加Facebook外框的方式顯示在任何服務(wù)器上上傳的HTML文件。
將放置在外部站點(diǎn)上的頁(yè)面與內(nèi)嵌框架組合在一起
因此，要將您自己的頁(yè)面添加到您的Facebook頁(yè)面，您需要在任何服務(wù)器上的某個(gè)位置上傳HTML文件（在您自己的頁(yè)面上）。例如，在開頭介紹的示例Facebook頁(yè)面中的“歡迎！”頁(yè)面上，實(shí)際的HTML文件位于以下位置。它不在facebook上。上述HTML是，通過(guò)結(jié)合到用直列幀將建立一個(gè)Facebook頁(yè)面頁(yè)，諸如“歡迎！”： 。
需要可以使用SSL的Web服務(wù)器
此外，這是必要的數(shù)據(jù)可以使用“SSL”是一種機(jī)制來(lái)發(fā)送和接收加密（使用HTTPS而不是HTTP訪問(wèn)），這將是更好的去思考，而不是放在免費(fèi)主頁(yè)空間進(jìn)行訪問(wèn)。請(qǐng)準(zhǔn)備一臺(tái)可以使用SSL上傳目的地的服務(wù)器。樣品Facebook頁(yè)面較早，但位于以下位置的實(shí)體介紹的Http：//Tomoyo.Sakura.Ne.Jp/sns/facebook/3/ 此頁(yè)，即使協(xié)議HTTPS如下：你可以訪問(wèn)它。https://tomoyo.sakura.ne.jp/sns/facebook/3 / 這樣，您需要能夠使用SSL進(jìn)行訪問(wèn)。請(qǐng)注意，這并不僅僅意味著將“http：//”更改為“https：//”。SSL必須在服務(wù)器端可用。 可以使用租賃服務(wù)器公司提供的“共享SSL”服務(wù)來(lái)使用SSL。例如，對(duì)于諸如“Sakura Internet”和“Lollipop”的租賃服務(wù)器，共享SSL甚至可以用于廉價(jià)課程。
準(zhǔn)備：準(zhǔn)備一個(gè)自由描述HTML的頁(yè)面
將頁(yè)面升級(jí)到外部服務(wù)器
首先，請(qǐng)?jiān)贔acebook側(cè)設(shè)置之前制作您自己的頁(yè)面內(nèi)容（HTML文件）。由于它將顯示在內(nèi)聯(lián)框架內(nèi)，因此您需要注意以下幾點(diǎn)，但您可以通過(guò)除此之外的常用創(chuàng)建方法來(lái)實(shí)現(xiàn)。您可以自己編寫HTML，也可以使用某些創(chuàng)建軟件。創(chuàng)建后，將其上載到SSL可用的服務(wù)器。請(qǐng)確保您可以使用瀏覽器訪問(wèn)HTTP和HTTPS。■ 描述鏈接時(shí)的注意事項(xiàng)：由于原始頁(yè)面將顯示在框架內(nèi)，因此在鏈接到外部網(wǎng)站時(shí)，請(qǐng)寫入“target =”_ top“”請(qǐng)注意，必須添加一個(gè)框架并釋放框架?！巴獠烤W(wǎng)站”在這里表示“除了您用作上傳目的地的網(wǎng)站之外的所有網(wǎng)站”。因此，即使facebook域中的頁(yè)面也是“外部網(wǎng)站”。例如，制作鏈接的HTML編寫如下。
<a href="link destination" target="_top">釋放框架后顯示鏈接目的地</a>
它可以寫成如下并顯示在單獨(dú)的窗口中。
<a href="linkpoint target="_blank">鏈接目的地顯示在單獨(dú)的窗口中</a>
但是，強(qiáng)制打開所有內(nèi)容的單獨(dú)窗口的界面不是很理想，因?yàn)樗雎粤擞脩舻囊鈭D。盡可能與“目標(biāo)=” _頂級(jí)的說(shuō)明“”保持‘僅釋放框架’，你是否希望顯示在一個(gè)單獨(dú)的窗口，所以我們建議您讓用戶側(cè)?！?該地區(qū)免費(fèi)使用：
您只能在中間的藍(lán)線中自由設(shè)置
內(nèi)聯(lián)框中顯示的原始頁(yè)面的顯示區(qū)域是右圖所示的部分。在樣本Facebook頁(yè)面“ 網(wǎng)站創(chuàng)建提示 ”中，為了便于理解，我們將其包含在“藍(lán)框線”中。您可以在此范圍內(nèi)自由設(shè)計(jì)。其他部分是Facebook撰寫和顯示的部分，因此您無(wú)法直接編輯?！?水平方向固定，垂直方向可變（上限）
在舊規(guī)范中，寬度固定為520px
原始頁(yè)面的寬度是固定大?。?20px或810px）。之前它僅限于520px，但在Facebook改為新布局后，增加了810px。由于該規(guī)范將來(lái)可能會(huì)改變，因此最好使其盡可能為液體布局（可變長(zhǎng)度）。雖然它在垂直方向上是可變的，但是當(dāng)超過(guò)800px的上限值時(shí)（在內(nèi)聯(lián)框內(nèi)），顯示滾動(dòng)條。要防止顯示滾動(dòng)條，必須將垂直尺寸保持在800px以內(nèi)。但是，有一種避免滾動(dòng)條并向下延伸的方法。為此，您需要使用Facebook提供的JavaScript。雖然本文中省略了具體方法，但我們將在下一篇文章中與其他TIPS一起介紹它?，F(xiàn)在，一旦頁(yè)面準(zhǔn)備就緒，讓我們制作一個(gè)“app”將它組合到你的Facebook頁(yè)面中。
制作一個(gè)顯示您自己頁(yè)面的應(yīng)用程序
作為“一頁(yè)一申請(qǐng)”的待遇
要在Facebook頁(yè)面中顯示您自己的頁(yè)面，請(qǐng)?jiān)诿宽?yè)注冊(cè)為一個(gè)“應(yīng)用程序”。換句話說(shuō)，
“歡迎光臨！用于顯示頁(yè)面的應(yīng)用程序用于顯示“新到貨”頁(yè)面的應(yīng)用程序用于顯示“推薦文章”頁(yè)面的應(yīng)用程序......等等，我為每個(gè)頁(yè)面制作獨(dú)立的應(yīng)用程序并使用它。即使您提出申請(qǐng)，編程能力也是不必要的。只需注冊(cè)名稱，URL等。* Facebook界面經(jīng)常更改。在實(shí)際操作中，細(xì)節(jié)可能與本文中描述的屏幕圖像不同。如果找不到與發(fā)布圖像相同的屏幕，請(qǐng)嘗試查找類似的鏈接和按鈕。本文中使用的屏幕圖像是截至2012年5月底。本文于2011年12月23日發(fā)布了第一版，并根據(jù)當(dāng)前情況在2012年5月進(jìn)行了部分修訂。
創(chuàng)建在Facebook頁(yè)面中顯示其自己頁(yè)面的應(yīng)用程序的過(guò)程
■ 訪問(wèn)開發(fā)頁(yè)面
點(diǎn)擊頁(yè)面底部的“開發(fā)”
首先，訪問(wèn)Facebook開發(fā)頁(yè)面。如右圖所示，單擊每頁(yè)底部文本鏈接中的“開發(fā)”?；蛘吣梢灾苯釉L問(wèn)http://developers.facebook/。
點(diǎn)擊頂部的“應(yīng)用”
當(dāng)出現(xiàn)如右圖所示的屏幕時(shí)，單擊頁(yè)面頂部的“應(yīng)用程序”。
■ 準(zhǔn)備創(chuàng)建應(yīng)用程序
授予開發(fā)者應(yīng)用程序權(quán)限
第一次訪問(wèn)時(shí)，會(huì)打開一個(gè)請(qǐng)求權(quán)限的對(duì)話框，如右圖所示，因此請(qǐng)給出權(quán)限。
“APP”的第一個(gè)屏幕
然后出現(xiàn)如右圖所示的屏幕。在此屏幕上，將顯示您目前創(chuàng)建的應(yīng)用程序列表。第一次訪問(wèn)時(shí)，由于尚未創(chuàng)建任何應(yīng)用程序，因此會(huì)顯示右側(cè)的注釋屏幕。
■ 申請(qǐng)
“創(chuàng)建一個(gè)新的應(yīng)用程序”
單擊頁(yè)面右上角的“創(chuàng)建新應(yīng)用程序”按鈕。
給出一個(gè)易于理解的名稱（*注意不要太長(zhǎng)）
然后出現(xiàn)一個(gè)像右邊那樣的小對(duì)話框。請(qǐng)?jiān)凇皯?yīng)用程序顯示名稱”字段中輸入要?jiǎng)?chuàng)建的應(yīng)用程序的名稱。您在此處輸入的名稱與Facebook頁(yè)面上實(shí)際顯示為菜單項(xiàng)的名稱不同。請(qǐng)給自己一個(gè)描述性名稱，表明“要顯示哪種頁(yè)面”。但請(qǐng)注意，如果太長(zhǎng)，下半部分將被省略。*如果輸入字段右側(cè)顯示“有效”，則輸入內(nèi)容沒(méi)有問(wèn)題。顯示“失敗”時(shí)，無(wú)法使用其名稱，請(qǐng)將其更改為其他名稱。
輸入圖像中顯示的字母字符
單擊“繼續(xù)”按鈕時(shí)，將顯示安全檢查屏幕，該屏幕將讀取并輸入圖像中顯示的幾個(gè)字母字母，如右圖所示。請(qǐng)完全按照出現(xiàn)的方式輸入，然后按“發(fā)送”按鈕。*如果難以閱讀，您可以將其更改為其他圖像。
■ 申請(qǐng)的基本設(shè)定
應(yīng)用程序ID是標(biāo)識(shí)應(yīng)用程序的編號(hào)
將顯示右側(cè)所示的“應(yīng)用程序的基本設(shè)置”屏幕。由于以后需要在頁(yè)面頂部顯示“App ID”，因此可以方便地復(fù)制和粘貼某處。無(wú)需編輯特別是基本數(shù)據(jù)列。您可以將“命名空間（應(yīng)用程序命名空間）”或“應(yīng)用程序域（應(yīng)用程序域）”留空。由于它是僅供您使用的應(yīng)用程序，因此您可以保留“其他”類別。
■ 設(shè)置要顯示的頁(yè)面的URL和大小
在“頁(yè)面選項(xiàng)卡”字段中輸入設(shè)置
單擊底部的“頁(yè)面選項(xiàng)卡”列，然后輸出一個(gè)類似右側(cè)的輸入列。請(qǐng)?jiān)诖溯斎氩⑦x擇以下4項(xiàng)。
“頁(yè)面選項(xiàng)卡名稱”：Facebook頁(yè)面上的菜單或時(shí)間線頂部顯示的名稱（請(qǐng)注意，如果太長(zhǎng)則不會(huì)顯示結(jié)尾）“頁(yè)面標(biāo)簽網(wǎng)址”：您自己網(wǎng)頁(yè)的網(wǎng)址（以http：//開頭的網(wǎng)址）“安全頁(yè)面選項(xiàng)卡URL”：使用SSL 的自己頁(yè)面的URL（https：// URL以開頭）“頁(yè)面選項(xiàng)卡寬度”：原始頁(yè)面的寬度。請(qǐng)選擇“寬（810px）”。您可以將“頁(yè)面標(biāo)簽編輯網(wǎng)址”字段留空。■ 注冊(cè)頁(yè)面選項(xiàng)卡的圖像
“自定義頁(yè)面”組添加到Facebook頁(yè)面（以應(yīng)用程序的形式顯示）
在Facebook頁(yè)面的“時(shí)間軸”頂部，應(yīng)用程序列表顯示為右側(cè)所示的圖像。這與您自己創(chuàng)建的“您自己的顯示自己的頁(yè)面的應(yīng)用程序”相同。使用此圖像，您自己的頁(yè)面的存在變得非常容易理解。我們一定要注冊(cè)。
點(diǎn)擊“更改”
在“頁(yè)面選項(xiàng)卡的圖像”列的右端，有一個(gè)小的“更改”鏈接，如右側(cè)所示。單擊此處注冊(cè)應(yīng)用程序的圖像。
上傳頁(yè)面標(biāo)簽的圖片
然后，如右圖所示，顯示用于指定圖像文件的屏幕。如果您在此處指定圖像文件，則會(huì)自動(dòng)上傳。實(shí)際顯示的圖像尺寸為110 x 74像素，但如果您注冊(cè)較大的圖像，它將自動(dòng)縮小并使用。
頁(yè)面選項(xiàng)卡的圖像已注冊(cè)
上傳完成后，圖像顯示如右圖所示。*雖然上傳后可能無(wú)法顯示如右圖所示，但如果保存設(shè)置內(nèi)容（通過(guò)后面介紹的方法），將會(huì)顯示?，F(xiàn)在，如果你沒(méi)有看到它，請(qǐng)不要擔(dān)心下一個(gè)任務(wù)。
■ 設(shè)置（2）
復(fù)制相同的內(nèi)容并在“Facebook上的應(yīng)用程序”中輸入
單擊“Facebook上的應(yīng)用程序”列，然后輸出一個(gè)類似右側(cè)的輸入框。請(qǐng)?jiān)诖颂庉斎胍韵聝身?xiàng)。
“畫布網(wǎng)址”： 與您在“網(wǎng)頁(yè)標(biāo)簽網(wǎng)址”字段中輸入的相同“ 安全畫布URL”：您之前在“安全頁(yè)面標(biāo)簽URL”字段中輸入的相同URL■ 注冊(cè)圖標(biāo)
圖標(biāo)可以附加到菜單
選擇Facebook頁(yè)面中的顯示頁(yè)面您可以在下拉菜單中的項(xiàng)目名稱的開頭顯示一個(gè)小圖標(biāo)，如右圖所示。因?yàn)檫@個(gè)圖標(biāo)和什么都沒(méi)有明顯不同，讓我們一定注冊(cè)圖標(biāo)?！藞D標(biāo)注冊(cè)不是強(qiáng)制性的。如果您未注冊(cè)任何內(nèi)容，將使用默認(rèn)圖標(biāo)。
點(diǎn)擊“更改圖標(biāo)”
要注冊(cè)圖標(biāo)，請(qǐng)單擊頁(yè)面頂部的“更改圖標(biāo)”鏈接，如右圖所示。
指定圖標(biāo)的圖像文件
然后，如右圖所示，顯示用于指定圖標(biāo)的圖像文件的屏幕。如果您在此處指定圖像文件，則會(huì)自動(dòng)上傳。實(shí)際顯示的圖標(biāo)大小為16 x 16像素，但如果您注冊(cè)較大的圖像，它將自動(dòng)縮小并使用。
圖標(biāo)已注冊(cè)
上傳完成后，將顯示一個(gè)圖標(biāo)，如右圖所示。*雖然上傳后可能不會(huì)如右圖所示顯示，但如果保存則會(huì)顯示（通過(guò)以下方法）。
■ 保存
創(chuàng)建后，您可以完成創(chuàng)建
這樣就完成了設(shè)置。請(qǐng)單擊頁(yè)面底部的“保存更改”按鈕進(jìn)行保存。如果顯示“已保存更改?！?，則表示已完成應(yīng)用程序的創(chuàng)建。
■ 申請(qǐng)清單
已創(chuàng)建的應(yīng)用程序列表
單擊頁(yè)面頂部的“應(yīng)用程序”以查看已創(chuàng)建的應(yīng)用程序列表。您可以在此屏幕中查看稍后需要的“應(yīng)用程序ID”。在右圖中，由于除“歡迎！”頁(yè)面之外還創(chuàng)建了許多頁(yè)面，因此會(huì)顯示多個(gè)應(yīng)用程序。要?jiǎng)?chuàng)建其他新頁(yè)面（顯示的應(yīng)用程序），請(qǐng)單擊右上角的“創(chuàng)建新應(yīng)用程序”按鈕。其余的與我們迄今為止介紹的程序相同。好吧，只是通過(guò)這個(gè)，我只是創(chuàng)建了“一個(gè)顯示自己的頁(yè)面的應(yīng)用程序”。接下來(lái)，您需要使用此應(yīng)用程序添加“app to Facebook page”。
在Facebook頁(yè)面添加“應(yīng)用程序以顯示您自己的頁(yè)面”
※以下的手續(xù)在2011年12月變化很大。由于將來(lái)可能會(huì)更改，如果您沒(méi)有更改，請(qǐng)嘗試搜索并查看最新信息。
“App ID”是每個(gè)應(yīng)用程序的不同數(shù)字
首先，準(zhǔn)備“應(yīng)用程序以顯示您自己的頁(yè)面”的“應(yīng)用程序ID”。此ID是一個(gè)15位數(shù)字，它取決于每個(gè)應(yīng)用程序。如果您在創(chuàng)建應(yīng)用程序時(shí)沒(méi)有備忘錄，可以從上一頁(yè)介紹的“應(yīng)用程序列表”頁(yè)面等進(jìn)行檢查。
請(qǐng)將該ID替換為以下URL中的“■■■”部分。
http://facebook/add.php?api_key=■■■&pages=1
例如，如果App ID為“123000000000321”，則它將成為以下URL。
http://facebook/add.php?api_key= 123000000000321&pages = 1
■ 指定添加應(yīng)用程序的位置
選擇要添加的Facebook頁(yè)面名稱
使用瀏覽器訪問(wèn)上面創(chuàng)建的URL時(shí)，會(huì)出現(xiàn)如右圖所示的屏幕。在這里，選擇“Facebook頁(yè)面名稱”作為“添加應(yīng)用程序目標(biāo)”。*除“Facebook頁(yè)面”名稱外，過(guò)去創(chuàng)建的“應(yīng)用程序名稱”也會(huì)顯示在此列表中，因此在附加混淆名稱時(shí)需要小心。“請(qǐng)選擇要添加自己頁(yè)面的頁(yè)面的”Facebook頁(yè)面名稱“。
單擊“添加”按鈕
出現(xiàn)如右圖所示的確認(rèn)屏幕。在這個(gè)例子中，我們將它添加到Facebook頁(yè)面“創(chuàng)建網(wǎng)站提示”，所以我選擇了它。如果選擇Facebook頁(yè)面名稱沒(méi)有錯(cuò)誤，請(qǐng)單擊底部的“添加○○○”按鈕（○○○是應(yīng)用程序名稱）。
添加到時(shí)間軸的頂部
然后，您將自動(dòng)移至Facebook頁(yè)面，您可以看到它已添加到時(shí)間線頂部的應(yīng)用程序列表部分。
項(xiàng)目已添加到菜單中
此外，如右圖所示，菜單中還添加了項(xiàng)目以選擇顯示頁(yè)面。
■ 顯示確認(rèn)
您可以從菜單訪問(wèn)自己的頁(yè)面
如果從應(yīng)用程序列表或菜單中單擊您自己頁(yè)面上的項(xiàng)目，將顯示其自己的頁(yè)面。如果要添加更多頁(yè)面，請(qǐng)使用每個(gè)App ID重復(fù)上述過(guò)程。
方法不允許錯(cuò)誤
這里，如果顯示“Method Not Allowed”，則認(rèn)為服務(wù)器端不允許在POST時(shí)訪問(wèn)HTML文件。在這種情況下，將文件擴(kuò)展名更改為php可能會(huì)有效，所以請(qǐng)嘗試一下。您只需更改文件的內(nèi)容（作為HTML）而不更改任何內(nèi)容，并將擴(kuò)展名更改為php。特別是對(duì)于“Sakura Internet”的服務(wù)器，這種方法效果很好。
更改您自己頁(yè)面的顯示順序（應(yīng)用程序）
單擊應(yīng)用程序映像組右端的箭頭
每次創(chuàng)建顯示自己頁(yè)面的應(yīng)用程序時(shí)，它都會(huì)按順序添加到時(shí)間軸的頂部或菜單中。它們的順序可以自由改變。要更改順序，請(qǐng)單擊右側(cè)所示的箭頭，該部分右側(cè)顯示時(shí)間線頂部的四個(gè)應(yīng)用程序（最大）。
用于更改顯示位置的菜單
然后，應(yīng)用程序的顯示字段將擴(kuò)展為多個(gè)列，如右側(cè)所示。在此狀態(tài)下，如果將鼠標(biāo)放在每個(gè)應(yīng)用程序的圖像上，右肩上將出現(xiàn)“鉛筆”圖標(biāo)。單擊它時(shí)，將顯示“替換位置”菜單。從那里，您可以通過(guò)單擊要替換的項(xiàng)目名稱來(lái)更改顯示順序。如果您在此處更改訂單，則更改顯示頁(yè)面的下拉菜單中的訂單也將更改。此外，如果您決定不使用自己的頁(yè)面，請(qǐng)單擊此處的“卸載應(yīng)用程序”。
提示：您無(wú)法再首先顯示自己的頁(yè)面
訪問(wèn)Facebook頁(yè)面的人看到的第一頁(yè)是“時(shí)間軸”。在過(guò)去，我能夠創(chuàng)建一個(gè)獨(dú)特的頁(yè)面（例如“歡迎！”頁(yè)面），該頁(yè)面播放目錄并將其設(shè)置為首先顯示。但是，現(xiàn)在，缺少可以指定首先顯示的頁(yè)面的“默認(rèn)顯示的選項(xiàng)卡”，并且始終首先顯示“時(shí)間軸”。
將您自己的頁(yè)面添加到Facebook頁(yè)面完成
這樣就完成了將自己的頁(yè)面添加到Facebook頁(yè)面的方法。請(qǐng)根據(jù)需要?jiǎng)?chuàng)建自己的頁(yè)面，并制作包含大量信息的Facebook頁(yè)面。另請(qǐng)參閱作為本文示例創(chuàng)建的“創(chuàng)建主頁(yè)提示”Facebook頁(yè)面。應(yīng)當(dāng)指出的是，“在接下來(lái)的文章的HTML的Facebook頁(yè)面寫作技巧在”消除大小限制的垂直方向的方法，當(dāng)單獨(dú)多個(gè)自己的頁(yè)面之間瀏覽誘導(dǎo)對(duì)Facebook的方的方法，注意在鏈接的時(shí)間它描述了TIPS的三個(gè)要點(diǎn)，可用于為“獨(dú)特頁(yè)面”（如點(diǎn)）編寫HTML。請(qǐng)同時(shí)參考。
