กล่องการแชร์ทำให้ผู้คนสามารถเผยแพร่เรื่องราวแต่ละรายการไปยังไทม์ไลน์ของตนเองได้ เอกสารประกอบนี้อธิบายวิธีการใช้กล่องการแชร์บนเว็บ หากต้องการใช้กล่องการแชร์ในแอพมือถือ โปรดดูการแชร์บน iOS และการแชร์บน Android
ต่อไปนี้คือตัวอย่างของกล่องการแชร์ที่แชร์ลิงก์ไปยังไทม์ไลน์ของผู้ใช้
หากคุณเป็นเว็บมาสเตอร์ของเว็บเพจที่แชร์ไปยัง Facebook ให้ใส่แท็กเมตา Open Graph เพื่อปรับแต่งเรื่องราวที่แชร์กลับไปยัง Facebook ด้วย คุณจำเป็นต้องมาร์กอัพเว็บไซต์ด้วยแท็ก Open Graph เพื่อควบคุมลักษณะที่เนื้อหาของคุณจะปรากฏบน Facebook โปรดดูข้อมูลเพิ่มเติมที่คู่มือการแชร์สำหรับเว็บมาสเตอร์
หากต้องการแชร์ลิงก์โดยใช้การเปลี่ยนเส้นทาง URL ให้ใช้โค้ดดังต่อไปนี้ ใส่ตัวแบ่งบรรทัดเพื่อให้อ่านง่าย ลบตัวแบ่งบรรทัดออกเมื่อคุณใช้โค้ดนี้
https://www.facebook.com/dialog/share? app_id=145634995501895 &display=popup &href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F &redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
กล่องการแชร์มีให้ใช้งานใน Facebook SDK สำหรับ JavaScript โดยใช้ฟังก์ชั่น FB.ui ที่มีพารามิเตอร์เมธอด share
ใช้ส่วนย่อยของโค้ดต่อไปนี้เพื่อเปิดกล่องการแชร์
FB.ui({ method: 'share', href: 'https://developers.facebook.com/docs/', }, function(response){});ลองใช้เลย!
ด้านล่างนี้คือพารามิเตอร์สำหรับกล่องการแชร์
พารามิเตอร์ | คำอธิบาย | จำเป็นหรือไม่ |
---|---|---|
| ตัวระบุที่ไม่ซ้ำกันสำหรับแอพของคุณ | จำเป็น โดยจะระบุให้โดยอัตโนมัติเมื่อคุณใช้ SDK |
| วิธีการแสดงผลกล่องการแชร์
| จำเป็น โดยจะระบุให้โดยอัตโนมัติเมื่อคุณใช้ SDK |
| แฮชแท็กที่จะเพิ่มไปยังเนื้อหาที่แชร์ ผู้ใช้สามารถลบแฮชแท็กในกล่องการแชร์ออกได้ แฮชแท็กควรมีสัญลักษณ์แฮชด้วย เช่น | ไม่จำเป็น |
| ลิงก์ที่จะแชร์ ค่าเริ่มต้นคือ URL ปัจจุบัน | จำเป็นต้องระบุเมื่อคุณใช้ SDK |
redirect_uri เลิกใช้แล้ว | ||
mobile_iframe เลิกใช้แล้ว | true เพื่อเปิดกล่องการแชร์ใน iframe ที่ด้านบนของเว็บไซต์ ตัวเลือกนี้มีให้ใช้งานบนมือถือเท่านั้น เดสก์ท็อปไม่สามารถใช้งานได้ | false |
การตอบกลับจะเกิดขึ้นก็ต่อเมื่อผู้ใช้เข้าสู่ระบบแอพของคุณโดยใช้การเข้าสู่ระบบด้วย Facebook เท่านั้น
พารามิเตอร์ | คำอธิบาย |
---|---|
| ข้อความแสดงข้อผิดพลาด |