想要在網站上放的Facebook留言板,雖然語法直接放、外掛直接啟用就可以,但其實還有個小小的前置步驟,就是申請一個Facebook APP ID,這個APP並不是指手機APP而是Facebook應用程式的APP,主要是給開發人員使用,但是如果是部落格安裝Facebook留言板,其實也是需要它的。不過香腸遇到很多朋友不會申請,這次再來寫一個詳細說明。
Facebook歷經多次改版,早期的申請方式早已不堪使用,以前香腸也有寫過「不用外掛,在部落格上放的Facebook留言框!(可管理)」,但因年代久遠,常常下方有朋友留言告知教學不同不知如何操作,因此再次開個新帳號來測試一下Facebook APP ID的申請說明,對於想替網站加入一個Facebook留言板的朋友們,有一個基礎教學可作為參考。
想要建立Facebook APP ID,首先你必須要有一個Facebook帳號,然後需要到開發者介面中,申請註冊成為一個開發者,才可以申請此ID。不過這邊的介面現在是英文,對於新手或者是非程式背景的朋友來說會稍嫌複雜,不過只要按照圖片照圖操課,你也可以輕鬆建立。
不囉嗦,就讓我們直接讓我們進入建立Facebook APP ID的教學吧!
Facebook Developer 開發者中心:https://developers.facebook.com/
第1步 初次進入Facebook Developer的朋友們,先點選【My Apps】→【Register as a Developer】。
第2步 接著先把隱私條款點選成【是】,再點﹝下一頁﹞就可以成為開發者。
第3步 這時一樣在Developers中心,點選【My Apps】→【Add a New App】。
第4步 此時因為我們是要建立Facebook留言板,因此選「網站」。
第5步 接著進入點選右上角﹝Skip and Create App ID﹞。
第6步 這時,請依照欄位輸入資料,最後點選﹝Create App ID﹞。
- Display Name:可輸入中文,用於辨識此APP而已,可以輸入「網站名稱+留言板」。
- Namespace:需全英文(可搭配底線)。
- 類別:隨意選擇,不知道可以選【實用類】。
第7步 這時會需要輸入驗證碼,請輸入後按﹝送出﹞。
第8步 最後會跳轉到APP設定畫面,我們會看到我們申請的「APP ID」,這個就是Facebook留言板會用到的編號,請留著。
第9步 不過別以為這樣就結束,我們在APP的設定畫面中點選左側【Settings】,接著在「App Domains」輸入您的網址,例如網址是「wpbox.tips」就直接輸入,輸入後FB有提示點選一下即可。
第10步 完成後須按下方的App Domains一樣(不需要http的開頭)。接著右側的「Contact Email」輸入您的聯絡信箱,輸入完畢後再點下方﹝+Add Platform﹞。
第11步 這時請選擇「Website」。
第12步 這時請在欄位上輸入您的網址,兩格皆是,最後點﹝Save Changes﹞即可完成設定。
第13步 最後畫面上看到類似下圖,表示設定完畢,記得上方「應用程式ID」就是「Facebook APP ID」。
能否請問你,如果在FB都設定好了網址,然後也在要用FB登入的網站後台設定好FB的API等等資料了,但是用FB登入會出現「無法載入網址: 這個網址的網域未包含在應用程式的網域中。若要載入這個網址,請在應用程式設定的「應用程式網域」欄位中新增應用程式的所有的網域及子網域。」,有可能是什麼問題呢?
FB開發部份我們已經很少碰,這邊我不太清楚狀況。
請問一下,我已經按照所有的步驟使用了,不知道為什麼別人在我網站留言還是沒辦法顯示在我的FB上。
您網址是?
不好意思~想請問您一個問題,我一直卡在第二個步驟,隱私全無法選擇”是”,請問要怎麼處理呢?
換個瀏覽器試試看,或清理瀏覽器快取
您好:想請問您一個問題,我有一個網站使用FB登入,不過不小心將原本的FB my apps刪除了,於是我將它重新建立,再將appid放入我的程式中,我的網站再去點選fb登入,它要我重新加入,有辦法不要重新加入嗎?
這我就不太清楚了耶 抱歉
你好,我想透過這個app發佈貼文,我用自己的帳號登入是成功的,但別人的帳號就不行會出現錯誤,請問這個Facebook App 是否需要發佈或開放給別人使用呢? 謝謝!
好棒分享
請問用Facebook APP ID 有什麼作用嗎? 是會統計什麼數據嗎?
你好,文章一開始有說明。
請問一下~
App Domains 是不是沒有 網域 就不能使用呢?
我是用學校提供的ip下去使用,但一直顯示「This must be derived from Secure Canvas URL 、 Unity Binary URL 、網站URL 、 Mobile Site URL 或 Secure Page Tab URL. Check and correct the following domains: xxx.xxx.xx.xx」
那這樣就無法建立了…. 買個網址吧!
請問一下入門問題,今天申請 FB,是不是不能立馬就申請 Facebook APP ID ?2年前試過,記得一個月內都不行,一直到最後我刪掉那個測試帳號都沒申請 APP ID成功過,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?
這個我就不知道了耶! 因為我帳號都有一陣子了….
請問一下入門問題,今天申請 FB,是不是不能立馬就申請 Facebook APP ID ?2年前試過,記得一個月內都不行,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?
請問幾個入門問題,
1. 今天申請 FB,今天就可以申請 Facebook APP ID 嗎?2年前試過是不行,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?
2. 申請 Facebook APP ID,需不需要付費給 FB?例如我建立一個FB購物車,我要給 FB 錢嗎?
腸大請問一下我的文章編輯功能無法使工具列跟新增媒體…
WP 主程式重新上傳蓋掉看看
感謝香腸大
^^
哇!這個我喜歡~
謝謝
Disqus 跟 Facebook 你覺得哪個比較好用呀
我覺得Disqus 比較漂亮,但是FB可以衝讚數XD