คู่มือการใช้งาน, ตั้งค่า Social Plugin
คู่มือการใช้งาน, ตั้งค่า Social Plugin

วิธีการตั้งค่า FACEBOOK APP สำหรับใช้งาน FACEBOOK API

Facebook App จะทำให้เว็บไซต์ของคุณสามารถเชื่อมต่อเข้ากับระบบ Facebook เพื่อให้ใช้งาน Facebook  API ต่างๆ ได้ ดังนี้

  • ระบบสมัครสมาชิก แบบ Facebook Login ให้ลูกค้าสามารถสมัครสมาชิกได้อย่างสะดวก รวดเร็ว แค่ Login ผ่าน Facebook
  • ระบบ Facebook Comment ให้ผู้เข้าชมเว็บไซต์สามารถ Comment ได้ ทั้งระบบสินค้า ระบบบทความ ระบบแกลเลอรี่ และระบบปฏิทินกิจกรรม
  • ระบบ Facebook Instant Articles ตัวช่วยที่จะช่วยให้ User เข้าถึงบทความบน Facebook ได้รวดเร็วขึ้น แก้ปัญหาการโหลดบทความหรือข่าวสารนาน ๆ

วิธีตั้งค่า Facebook API

ระบบที่จะช่วยให้เว็บไซต์ สามารถเชื่อมต่อเข้ากับระบบ Facebook เพื่อเปิดใช้งานระบบ Facebook Comment , Facebook Login และ Facebook Instant Articles โดยก่อนที่จะเปิดใช้งานระบบเหล่านี้ได้ ต้องทำการตั้งค่า Facebook App ก่อน โดยมีขั้นตอนดังนี้

1. ให้ไปที่ URL https://developers.facebook.com/  เลือก เข้าสู่ระบบ (Log in) ที่มุมขวาบนของเมนู
หลังจากเมื่อ login Facebook เรียบร้อยแล้ว จะมีขึ้นข้อความ แอพของฉัน

2. คลิกเลือก สร้างแอพ ให้เลือกประเภทของแอพเป็น ธุรกิจ และคลิก ดำเนินการต่อ

3. ชื่อที่แสดงของแอพ : กรอกชื่อเว็บไซต์
อีเมลล์ที่ติดต่อของแอพ : กรอกอีเมลล์ที่ใช้งานปัจจุบัน
วัตถุประสงค์ของแอพ : เลือก ตัวคุณเอง หรือธุรกิจของคุณเอง และคลิก สร้างแอพ

4.  คลิก ยืนยันตัวตน เพื่อยืนยันไม่ใช่โปรแกรมอัตโนมัติ

5. หลังจากนั้นจะมีหมายเลข ID ขึ้นมา ให้ทำการ คัดลอก เก็บเอาไว้

6. หลังจากนั้นให้คลิกที่คำว่า การเข้าสู่ระบบ Facebook > การตั้งค่า > และให้ทำตามตั้งค่าเหมือนกับในรูปภาพตัวอย่างทั้งหมดค่ะ (ส่วนตรงชื่อโดเมนก็ใส่เป็นชื่อโดเมนของเราเองนะคะ)

7. ไปที่เมนู การตรวจพิจารณาแอพ > สิทธิ์การอนุญาตและฟีเจอร์
คลิก “ขอสิทธิ์การเข้าถึงระดับสูง” ของฟีจเจอร์“public_profile” และ“email”  ให้ระดับการเข้าถึงขึ้นเป็น “Advance Access” นะคะ

8. หากประเภทแอพของคุณมี โหมดแอพ ให้คลิกปุ่ม การพัฒนา เป็น เปิดใช้งาน 

9. เมื่อทำการตั้งค่าให้แอพเป็นสาธารณะแล้ว ให้คัดลอกหมายเลข ID แอพ (App ID) ไปใส่ตั้งค่าในระบบหลังบ้านของ MakeWebEasy ในขั้นตอนถัดไปได้เลยค่ะ

10. หลังจากนั้นให้เลื่อนลงมา ตั้งค่าการใช้งาน Facebook Login คลิก เปิดใช้งาน

11. ให้กลับมาที่หน้าของการตั้งค่า Facebook เข้าไปที่ การตั้งค่า > ข้อมูลพื้นฐาน
โดเมนของแอพ : ให้กรอกชื่อโดเมนของเราลงไป เช่น pattamon.makewebeasy.co
URL นโยบายความเป็นส่วนตัว : กรอก URL หน้าเพจข้อตกลงและเงื่อนไข โดยเราจะต้องไปทำการกดเปิดปุ่ม นโยบายความเป็นส่วนตัว ดังนี้ค่ะ

1.ไปที่หน้าจัดการเว็บ > ตั้งค่าเว็บไซต์ > นโยบายความเป็นส่วนตัว > คลิก เปิด > และ บันทึก

2.ไปที่หน้าออกแบบ > หน้าเพจ > เพิ่มเพจ > เลือกประเภทเพจเป็น ข้อตกลงและเงื่อนไข

3.คลิกที่ปุ่ม View Site > ไปที่เมนูหน้าเพจ ข้อตกลงลงและเงื่อนไข > คัดลอก URL ทั้งหมด ตามในรูปภาพตัวอย่างค่ะ > และนำไปใส่ในช่อง URL นโยบายความเป็นส่วนตัว ในหน้าการตั้งค่าของ Facebook

** หมายเหต หากทำการกดปิดใช้งานนโยบายความเป็นส่วนตัว หรือมีการลบหน้าเพจนี้ออกนั้น
จะไม่สามารถใช้งานได้นะคะ **

URL ข้อกำหนดของบริการ : กรอก URL ของเว็บไซต์ เช่น
http://pattamon.makewebeasy.co/ และ บันทึกการเปลี่ยนแปลง

12. กลับมาที่ระบบหลังบ้านเว็บไซต์ และให้คลิก บันทึกอีกครั้ง

13. ทดลองเข้าหน้าเว็บไซต์ จะมีปุ่ม login/Register ด้วย Facebook ขึ้นมา
ให้ลูกค้าเลือกสมัครได้เลยนะคะ เท่านี้ก็เป็นอันเสร็จสิ้นแล้วค่ะ ><

 

แค่นี้ก็เป็นอันเสร็จขั้นตอนการตั้งค่า Facebook App แล้ว จากนี้ลูกค้าสามารถตั้งค่าใช้งาน Fackbook API อื่นๆ ได้ในระบบหลังบ้านของ MakeWebEasy เช่น Facebook Comment, Facebook Login และ Facebook Instant Articles เป็นต้น