在開始置入 Facebook 開發者介面的程式前，必須先創造一個新的 Facebook 開發者介面 APP，好取得 ID 跟 Secret 參數，以供未來程式與 Facebook 間溝通與傳送使用。首先請先登入臉書，並進入以上的 facebook 開發者介面，在〖My Apps〗下選擇〖Add a New App〗如下圖

2015091701 在〖My Apps〗下選擇〖Add a New App〗.png   

接著選擇您未來需要置入的平臺，以〖Web網站〗為例

2015091702 選擇您未來需要置入的平臺如〖Web網站〗.png   

接著輸入您想建立的 app 名稱，或選擇已建立過的 app 名稱, 然後按建立〖Create New Facebook App ID〗

2015091703 建立〖Create New Facebook App ID〗.png   

系統會要求你選擇一個欲建立 app 的分類，選取完後請按〖Create App ID〗

2015091704 選擇欲建立 app 的分類後按〖Create App ID〗.png

接下來程式會直接為您顯示所有需要置入頁面的原始碼，並帶領你完成置入、設定、測試與完成 

Step 1 置入：請將開發者介面中提供的 JavaScript 直接放置於 <body> 後方

2015091705 請將提供的 JavaScript 直接放置於 後方   

Step 2 設定：並於下方供您網站的網址  

 2015091706 提供您網站的網址.png

Step 3 測試：系統提供一小段可以置入臉書讚與分享按鈕的程式，請貼於Step 1的 JavaScript 程式後方，並上傳至你的網站中，並重整頁面 

2015091707 系統提供讚與分享按鈕的程式供測試.png  

Step 4 完成：如果可以看到讚與分享按鈕出現，表示已經成功建立了新的APP

2015091708 看到讚與分享按鈕出現，表示已經成功建立.png  

APP 已成功建立後，就可以接續下方的操作，開始置入其他 Facebook 開發者介面提供的如分享、登入、其他社交外掛或廣告等程式囉！ 

2015091709 APP 已成功建立.png  

相關文章