[教學]如何申請建立 Facebook APP ID 應用程式ID ?

想要在網站上放的Facebook留言板,雖然語法直接放、外掛直接啟用就可以,但其實還有個小小的前置步驟,就是申請一個Facebook APP ID,這個APP並不是指手機APP而是Facebook應用程式的APP,主要是給開發人員使用,但是如果是部落格安裝Facebook留言板,其實也是需要它的。不過香腸遇到很多朋友不會申請,這次再來寫一個詳細說明。

Facebook歷經多次改版,早期的申請方式早已不堪使用,以前香腸也有寫過「不用外掛,在部落格上放的Facebook留言框!(可管理)」,但因年代久遠,常常下方有朋友留言告知教學不同不知如何操作,因此再次開個新帳號來測試一下Facebook APP ID的申請說明,對於想替網站加入一個Facebook留言板的朋友們,有一個基礎教學可作為參考。


想要建立Facebook APP ID,首先你必須要有一個Facebook帳號,然後需要到開發者介面中,申請註冊成為一個開發者,才可以申請此ID。不過這邊的介面現在是英文,對於新手或者是非程式背景的朋友來說會稍嫌複雜,不過只要按照圖片照圖操課,你也可以輕鬆建立。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

不囉嗦,就讓我們直接讓我們進入建立Facebook APP ID的教學吧!

Facebook Developer 開發者中心https://developers.facebook.com/

第1步  初次進入Facebook Developer的朋友們,先點選【My Apps】→【Register as a Developer】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第2步  接著先把隱私條款點選成【是】,再點﹝下一頁﹞就可以成為開發者。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第3步  這時一樣在Developers中心,點選【My Apps】→【Add a New App】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第4步  此時因為我們是要建立Facebook留言板,因此選「網站」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第5步  接著進入點選右上角﹝Skip and Create App ID﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第6步  這時,請依照欄位輸入資料,最後點選﹝Create App ID﹞。

  • Display Name:可輸入中文,用於辨識此APP而已,可以輸入「網站名稱+留言板」。
  • Namespace:需全英文(可搭配底線)。
  • 類別:隨意選擇,不知道可以選【實用類】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第7步  這時會需要輸入驗證碼,請輸入後按﹝送出﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第8步  最後會跳轉到APP設定畫面,我們會看到我們申請的「APP ID」,這個就是Facebook留言板會用到的編號,請留著。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第9步  不過別以為這樣就結束,我們在APP的設定畫面中點選左側【Settings】,接著在「App Domains」輸入您的網址,例如網址是「wpbox.tips」就直接輸入,輸入後FB有提示點選一下即可。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第10步  完成後須按下方的App Domains一樣(不需要http的開頭)。接著右側的「Contact Email」輸入您的聯絡信箱,輸入完畢後再點下方﹝+Add Platform﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第11步  這時請選擇「Website」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第12步  這時請在欄位上輸入您的網址,兩格皆是,最後點﹝Save Changes﹞即可完成設定。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第13步  最後畫面上看到類似下圖,表示設定完畢,記得上方「應用程式ID」就是「Facebook APP ID」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?