想要在网站上放的Facebook留言板,虽然语法直接放、外挂直接启用就可以,但其实还有个小小的前置步骤,就是申请一个Facebook APP ID,这个APP并不是指手机APP而是Facebook应用程式的APP,主要是给开发人员使用,但是如果是部落格安装Facebook留言板,其实也是需要它的。不过香肠遇到很多朋友不会申请,这次再来写一个详细说明。
Facebook历经多次改版,早期的申请方式早已不堪使用,以前香肠也有写过「不用外挂,在部落格上放的Facebook留言框!(可管理)」,但因年代久远,常常下方有朋友留言告知教学不同不知如何操作,因此再次开个新帐号来测试一下Facebook APP ID的申请说明,对于想替网站加入一个Facebook留言板的朋友们,有一个基础教学可作为参考。
想要建立Facebook APP ID,首先你必须要有一个Facebook帐号,然后需要到开发者介面中,申请注册成为一个开发者,才可以申请此ID。不过这边的介面现在是英文,对于新手或者是非程式背景的朋友来说会稍嫌複杂,不过只要按照图片照图操课,你也可以轻鬆建立。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/15900914123684.jpg)
不啰嗦,就让我们直接让我们进入建立Facebook APP ID的教学吧!
Facebook Developer 开发者中心:https://developers.facebook.com/
第1步 初次进入Facebook Developer的朋友们,先点选【My Apps】→【Register as a Developer】。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141287238.png)
第2步 接着先把隐私条款点选成【是】,再点﹝下一页﹞就可以成为开发者。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141253994.png)
第3步 这时一样在Developers中心,点选【My Apps】→【Add a New App】。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141337565.png)
第4步 此时因为我们是要建立Facebook留言板,因此选「网站」。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141337667.png)
第5步 接着进入点选右上角﹝Skip and Create App ID﹞。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141316406.png)
第6步 这时,请依照栏位输入资料,最后点选﹝Create App ID﹞。
Display Name:可输入中文,用于辨识此APP而已,可以输入「网站名称+留言板」。
Namespace:需全英文(可搭配底线)。
类别:随意选择,不知道可以选【实用类】。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141442108.png)
第7步 这时会需要输入验证码,请输入后按﹝送出﹞。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141439254.png)
第8步 最后会跳转到APP设定画面,我们会看到我们申请的「APP ID」,这个就是Facebook留言板会用到的编号,请留着。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141449958.png)
第9步 不过别以为这样就结束,我们在APP的设定画面中点选左侧【Settings】,接着在「App Domains」输入您的网址,例如网址是「wpbox.tips」就直接输入,输入后FB有提示点选一下即可。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141557770.png)
第10步 完成后须按下方的App Domains一样(不需要http的开头)。接着右侧的「Contact Email」输入您的联络信箱,输入完毕后再点下方﹝+Add Platform﹞。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141571509.png)
第11步 这时请选择「Website」。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141540088.png)
第12步 这时请在栏位上输入您的网址,两格皆是,最后点﹝Save Changes﹞即可完成设定。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141593970.png)
第13步 最后画面上看到类似下图,表示设定完毕,记得上方「应用程式ID」就是「Facebook APP ID」。
![[教学]如何申请建立 Facebook APP ID 应用程](/cl/img/159009141654578.png)