• หน้าแรก Blog
  • Website
  • E-Commerce
  • Google Ads
  • SEO
  • Marketing
  • News
    • Testimonial
    • Activity
    • Feature Update
    • Course
    • Promotion
  • หน้าแรก Blog
  • Website
  • E-Commerce
  • Google Ads
  • SEO
  • Marketing
  • News
    • Testimonial
    • Activity
    • Feature Update
    • Course
    • Promotion
Home›คู่มือการใช้งาน›วิธีการเปิดใช้งาน Facebook Login ระบบ สมัครสมาชิกด้วย Facebook
คู่มือการใช้งาน, ตั้งค่า Social Plugin
คู่มือการใช้งาน, ตั้งค่า Social Plugin

วิธีการเปิดใช้งาน Facebook Login ระบบ สมัครสมาชิกด้วย Facebook

Puvadon Wirojjanapirom

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

หน้าจอล็อคอินด้วย Facebook

 

สำหรับลูกค้าที่ต้องการใช้งาน ฟังก์ชั่น Facebook Login

สามารถตั้งค่าการใช้งาน Facebook API บนเว็บไซต์ได้ง่ายๆ ทำตามขั้นตอนนี้ได้เลยครับ
ไปที่ URL  https://developers.facebook.com/
ไปที่เมนู Log in  ที่มุมขวาบนครับ

คลิกที่เข้าสู่ระบบ มุมขวาบน หน้าเว็บเ Facebook

 

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

Login ด้วย User และ Password

 

หลังจากเราทำการ Log in Facebook แล้ว ให้นำเม้าส์ไปชี้ที่ แอพของฉัน (My App) ที่มุมขวาบน

เลือกที่ เพิ่มแอพใหม่ (Add a New App)

เลือกที่ เพิ่มแอพใหม่

 

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

กรอกชื่อที่ต้องการแสดงลงในช่อง

 

กรอกรหัสการตรวจสอบความปลอดภัยแล้วกด ส่ง

ใส่รหัสป้องกันบอท

 

เมื่อสร้างเสร็จแล้ว จะแสดงหน้าการตั้งค่า เลืิอกการเข้าสู่ระบบ Facebook  จากนั้นกด ตั้งค่า ตามภาพ

กดที่ตั้งค่า ตรงการเข้าสู่ระบบ Facebook

 

เลือกแพลตฟอร์มสำหรับแอพ WWW (เว็บ) ดังภาพ

เลือกที่เว็บไซต์

 

หลังจากนั้นจะปรากฎช่องสำหรับกรอก URL เว็บไซต์ที่ต้องการใช้งานแอพที่เราสร้าง โดยให้กรอกชื่อเว็บไซต์ของเราลงไป แล้วกด Save ที่ด้านล่าง

ใส่ URL ที่เราต้องการทำ

 

กลับไปที่เมนู การตั้งค่า และเลือก ข้อมูลพื้นฐาน 

ใส่ข้อมูล url ของเว็บไซต์ของลูกค้าเอง ยกตัวอย่าง เช่น https://www.makewebeasy.com/ ในช่องข้อมูลดังนี้

  1. โดเมนของแอพ
  2. url นโยบายความเป็นส่วนตัว

เมื่อกรอก url เว็บไซต์เสร็จเรียบร้อยแล้ว ให้กด บันทึกการเปลี่ยนแปลง ที่ด้านล่าง

ใส่ โดเมน และ URL ของเว็บไซต์

 

ไปที่ เมนูการตรวจพิจารณาแอพ กดตั้งให้ แอพที่เราสร้าง เป็นสาธารณะ โดยการกดที่สวิชให้เปลี่ยนจากอยู่ระหว่างการพัฒนา (O) ให้เป็น เผยแพร่แล้ว (|)

กดปุ่มเปิดสวิชเพื่อเริ่มต้นการใช้งาน

 

จากนั้นเลือกหมวดหมู่ที่ต้องการ และ ยืนยัน

เลือกมวดหมู่

 

หลังจากที่ทำการเผยแพร่แอพแล้วให้กดที่ ID ของแอพที่ตั้งค่าไว้และกดคัดลอก

คัดลอง ID เพื่อนำไปใส่ในหลังบ้าน MakeWebEasy

 

ขั้นตอนต่อไป ให้ Log in เข้าสู่ระบบหลังบ้าน MakeWebEasy เพื่อจัดการเว็บไซต์ของคุณครับ

เลือกที่เมนู Manage > Site Setting เลือกที่คำสั่ง Facebook API

นำข้อมูล App ID  จากหน้า Facebook ที่เราคัดลอกไว้ มาใส่ในช่อง Facebook App ID จากนั้นกด บันทึก

นำ Facebook ID ที่คัดลอกมาใส่ลงในช่อง

 

กดปุ่ม ON ที่ใช้งานระบบ Facebook Login และ กดบันทึก ครับ

กดเปิดใช้งานระบบ Facebook Login จากหลังบ้าน MakeWebEasy

แค่นี้ก็เป็นอันเสร็จขั้นตอนการเพิ่ม API ใน Facebook แล้วครับ

ลองกลับไปเช็ค”สมัครสมาชิก”ของเว็บไซต์เราดู จะขึ้นปุ่ม “เข้าสู่ระบบด้วย Facebook”

เริ่มต้นใช้งาน Facebook Login ได้เลย

เป็นอันเรียบร้อย สำหรับการตั้งค่า Facebook API เพื่อใช้งาน Facebook Login (สมัครสมาชิกด้วย Facebook)

Avatar

Puvadon Wirojjanapirom

วิธีการตั้งค่าใช้งาน Facebook Instant Articles
คู่มือการใช้งาน, ตั้งค่า Social Plugin

วิธีการตั้งค่าใช้งาน Facebook Instant Articles

วิธีการใช้งาน Facebook pixel
คู่มือการใช้งาน, การจัดการฟีเจอร์อื่นๆ (More feature), การจัดการระบบหลังบ้าน

วิธีการใช้งาน Facebook pixel

การตั้งค่าการเชื่อมต่อระบบ Facebook
คู่มือการใช้งาน, การจัดการระบบหลังบ้าน, การตั้งค่าระบบต่างๆ ในเว็บไซต์ (Site Setting)

การตั้งค่าการเชื่อมต่อระบบ Facebook

ติดตาม MakeWebEasy

อัพเดตเคล็ดลับการทำเว็บไซต์ และการตลาดออนไลน์ ส่งตรงถึงคุณ
Loading

Categories

  • Website
  • E-Commerce
  • SEO
  • Google Ads
  • Marketing
  • Social Media
  • News

Social Network

© Copyright CLICKNEXT Company limited, 2019.
All rights reserved.