คู่มือการใช้งาน, ตั้งค่า 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 APP

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

1. ไปที่ URL  https://developers.facebook.com/
เลือก เข้าสู่ระบบ(Log in) ที่มุมขวาบนของเมนู

developers.facebook.com

 

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

Login to Facebook for Developers

 

3. หลังจาก Log in Facebook แล้ว ให้ไปที่เมนู แอพของฉัน (My App) ที่มุมขวาบนของเมนู
เลือก เพิ่มแอพใหม่ (Add a New App) เพื่อสร้างแอพที่ใช้เชื่อมต่อกับระบบ Facebook

Add a New App

 

4. จากนั้นระบบจะให้ สร้าง ID ของแอพใหม่ ให้เราทำการกรอกข้อมูลดังนี้

  1. ชื่อที่แสดง ให้ตั้งชื่อที่ต้องการสำหรับ ID ของแอพ
  2. อีเมลติดต่อ เป็นอีเมลที่ใช้สำหรับในการจัดการแอพ
  3. เมื่อกรอกรายละเอียดเรียบร้อยแล้ว ให้กดปุ่ม สร้าง ID ของแอพ

Create New App ID

 

5. เมื่อสร้างเสร็จแล้ว ระบบจะแสดงหน้าเกี่ยวกับการตั้งค่าของแอพที่พึ่งสร้าง (ดังรูป)
จากนั้นให้ไปที่เมนูด้านซ้าย เลือก การตั้งค่า > ข้อมูลพื้นฐาน

Facebook App Setting

 

6. ใส่ข้อมูลพื้นฐานของแอพ โดยจะต้องระบุ โดเมนของแอพ และ URL นโยบายความเป็นส่วนตัว ที่เป็นข้อมูลของเว็บไซต์ของลูกค้าเอง ยกตัวอย่าง เช่น

1. โดเมนของแอพ ใส่ “makewebeasy.com”
2. URL นโยบายความเป็นส่วนตัว ใส่ “https://www.makewebeasy.com/”

เมื่อกรอกข้อมูลเสร็จเรียบร้อยแล้ว ให้กดปุ่ม บันทึกการเปลี่ยนแปลง ที่ด้านล่าง

Setting Basic

 

7. จากนั้นให้ไปที่เมนูด้านซ้าย เลือก การตรวจพิจารณาแอพ
ไปที่ ตั้งแอพที่เราสร้างเป็นสาธารณะ เพื่อเผยแพร่แอพ ซึ่งจะทำให้เว็บไซต์ของคุณสามารถเชื่อมต่อเข้ากับระบบ Facebook ได้
เผยแพร่โดยการกดที่สวิช ให้เปลี่ยนจาก อยู่ระหว่างการพัฒนา (O) ให้เป็น เผยแพร่แล้ว (|)

Make App Public

 

8. จากนั้นเลือก หมวดหมู่ ที่ต้องการของแอพหรือเว็บไซต์ของคุณ และกดปุ่ม ยืนยัน

Category of App

 

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

App ID

 

10. ขั้นตอนต่อไป ให้ Log in เข้าสู่ระบบหลังบ้าน MakeWebEasy
เลือกที่แถบเมนู จัดการเว็บ > ตั้งค่าเว็บไซต์ > Facebook API
นำหมายเลข App ID ที่เราคัดลอกไว้ มาใส่ในช่อง App ID และกดปุ่ม บันทึก

 

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