วิธีการตั้งค่า Facebook API สำหรับเชื่อมต่อ Facebook เข้ากับเว็บไซต์

สำหรับท่านที่ใช้ระบบ Responsive ดูการตั้งค่าใหม่ ได้ที่ลิ้งค์ นี้ครับ

วิธีการตั้งค่า Facebook API สำหรับเชื่อมต่อ Facebook เข้ากับเว็บไซต์ของเราค่ะ
หลายๆ ฟีเจอร์ที่ทาง MakeWebeasy ได้พัฒนาขึ้นมาให้เจ้าของเว็บไซต์ได้ ใช้งาน ไม่ว่าจะเป็น การสมัครสมาชิกด้วย Facebook, Facebook comment เป็นฟีเจอร์ที่ต้องทำการเชื่อมต่อ API ของ Facebook ก่อน จึงจะสามารถใช้งาน ในส่วนฟีเจอร์นั้นๆได้ วันนี้ ทีมงาน MakeWebEasy จึงได้นำวิธีการเชื่อมต่อ API ของ Facebook มาแนะนำกันค่ะ

1. ไปที่ URL https://developers.facebook.com/ ไปที่เมนู Log in ที่มุมขวาบนนะคะ

2. ระบบจะแสดงหน้าจอ ให้คุณทำการ Log in เข้าสู่ระบบ Facebook ของคุณ ให้ Log in โดยใช้ Username /Password ที่จัดการเพจ ของ Facebook นะคะ

3. เลือกที่คำสั่ง www ตามรูปเลยค่ะ

4.ตั้งชื่อ App ของคุณค่ะ ในตัวอย่างทีมงานตั้งชื่อ App เป็น MakeWebEasy ค่ะ และ คลิกคำสั่ง create New Facebook App ID ได้เลยค่ะ

app05

5. เลือก Category(หมวดหมู่) ให้กับ App ได้เลยค่ะ

app06

6.ตามตัวอย่าง Admin เลือก Business ค่ะ เรียบร้อย กด Create App ID นะคะ

app07

app08

7. คลิกที่คำสั่ง Skip Quick Start ได้เลยค่ะ

8. ระบบจะแสดงหน้าจอ ตามภาพค่ะ

9. ตอนนี้เราเห็นข้อมูล App ID แล้ว ถัดไปให้คลิกที่ Show ค่ะ เพื่อไปเก็บ App Secret กันต่อค่ะ

app13-1

11. เมื่อคลิกที่ Show จะมีหน้าจอให้กรอก (Password) รหัสผ่าน ของ Facebook เราอีกครั้งค่ะ กรอกเรียบร้อย กด Submit ได้เลยค่ะ
12. เท่านี้ก็จะได้ App Secret แล้วค่ะ เปิดหน้าจอนี้ค้างไว้นะคะ

app15

13. ขั้นตอนต่อไป ก็ Log in เข้าสู่ระบบหลังบ้าน MakeWebEasy เพื่อจัดการเว็บไซต์ของคุณนะคะ เลือกที่เมนู Setting > เลือกที่คำสั่ง Facebook API/Login

14. กดปุ่ม ON และ นำข้อมูล App ID และ App secret จากหน้า Facebook มาใส่ได้เลยค่ะ

บันทึกเรียบร้อยค่ะ

15. อีกนิดนึงนะคะ กลับไปที่ Facebook อีกครั้ง เลือกที่ คำสั่ง Setting ที่ด้านซ้ายค่ะ

1. ในส่วนของ App Domain กรอกชื่อเว็บไซต์ ที่เราต้องการนำไปใช้งานด้วยลงไปค่ะ
2. ในส่วนของ Contact Email คืออีเมล์ Username ของ Facebook และ กด Save Changes ค่ะ

app19