แพลตฟอร์ม Messenger

ข้อมูลอ้างอิงเกี่ยวกับเว็บปลั๊กอิน

แพลตฟอร์ม Messenger มีชุดเว็บปลั๊กอินที่สะดวกต่อการใช้งาน ซึ่งให้คุณสามารถเริ่มต้นการสนทนากับผู้ที่เข้าชมจากบนเว็บได้อย่างง่ายดาย โดยมีการนำปลั๊กอินทั้งหมดไปใช้กับ Facebook SDK สำหรับ Javascript

ปลั๊กอินแชทของลูกค้า (เบต้า)

ปลั๊กอินแชทของลูกค้าของแพลตฟอร์ม Messenger ช่วยให้คุณสามารถผสานบอท Messenger เข้ากับเว็บไซต์ของคุณโดยตรง ปลั๊กอินนี้ช่วยให้ลูกค้าสามารถโต้ตอบกับธุรกิจของคุณได้ทุกเวลา โดยจะได้รับประสบการณ์สื่อที่หลากหลายซึ่งปรับให้เหมาะกับแต่ละบุคคลเช่นเดียวกับที่ได้รับใน Messenger

โปรดดูรายละเอียดการใช้งานที่ปลั๊กอินแชทของลูกค้า

รวมรูปแบบ

<div class="fb-customerchat"
 page_id="<PAGE_ID>">
</div>

แอตทริบิวต์

แอตทริบิวต์ ประเภท คำอธิบาย

class

สตริง

ค่าต้องเป็น fb-customerchat

page_id

สตริง

ID เพจของคุณ

ref

สตริง

ระบุหรือไม่ก็ได้ สตริงแบบกำหนดเองที่ส่งผ่านไปยัง Webhook ในเหตุการณ์ messaging_postbacks และ messaging_referrals

theme_color

สตริง

ระบุหรือไม่ก็ได้ สีที่ใช้เป็นธีมสำหรับปลั๊กอิน รวมทั้งสีพื้นหลังของไอคอนปลั๊กอินแชทของลูกค้า และสีพื้นหลังของข้อความใดๆ ที่ส่งจากผู้ใช้ รองรับทุกรหัสสีเลขฐานสิบหกที่มีสัญลักษณ์หมายเลขนำหน้า (เช่น #0084FF) ยกเว้นสีขาว เราขอแนะนำเป็นอย่างยิ่งให้คุณเลือกสีที่มีความเปรียบต่างกับสีขาวสูง

logged_in_greeting

สตริง

ระบุหรือไม่ก็ได้ ข้อความทักทายที่จะแสดงขึ้นหากผู้ใช้เข้าสู่ระบบ Facebook อยู่แล้ว สูงสุด 80 ตัวอักษร

logged_out_greeting

สตริง

ระบุหรือไม่ก็ได้ ข้อความทักทายที่จะแสดงขึ้นหากผู้ใช้ไม่ได้เข้าสู่ระบบ Facebook สูงสุด 80 อักขระ

greeting_dialog_display

สตริง

ระบุหรือไม่ก็ได้ กำหนดวิธีแสดงผลกล่องโต้ตอบคำทักทาย ระบบรองรับค่าต่อไปนี้


  • show: กล่องโต้ตอบคำทักทายจะปรากฏขึ้นเมื่อโหลดปลั๊กอินเสมอ
  • fade: กล่องโต้ตอบคำทักทายของปลั๊กอินจะปรากฏขึ้นแล้วจางหายไป หลังจากนั้นจะถูกซ่อนไว้
  • hide: ระบบจะซ่อนกล่องโต้ตอบคำทักทายของปลั๊กอินไว้ตลอดเวลาจนกว่าผู้ใช้จะคลิกปลั๊กอิน

โดยกำหนดเริ่มต้นเป็น show สำหรับบนเดสก์ท็อป และเป็น hide สำหรับบนมือถือ

greeting_dialog_delay

สตริง

ระบุหรือไม่ก็ได้ กำหนดว่าจะให้กล่องโต้ตอบคำทักทายปรากฏขึ้นหลังจากโหลดปลั๊กอินแล้วกี่วินาที ซึ่งคุณสามารถใช้เพื่อกำหนดเองได้ว่าต้องการให้กล่องโต้ตอบคำทักทายปรากฏขึ้นเมื่อใด

minimized

บูลีน

ประกาศเกี่ยวกับการเลิกใช้งาน

เลิกใช้งานแอตทริบิวต์นี้แล้ว โปรดใช้ greeting_dialog_display เพื่อปรับแต่งปลั๊กอินของคุณแทน แอตทริบิวต์ greeting_dialog_delay จะมีความสำคัญเหนือกว่าแอตทริบิวต์ minimized

ระบุหรือไม่ก็ได้

  • true เมื่อตั้งค่าเป็น “true” จะส่งผลเช่นเดียวกับการตั้งค่า greeting_dialog_delay = "fade"
  • false เมื่อตั้งค่าเป็น “false” จะส่งผลเช่นเดียวกับการตั้งค่า greeting_dialog_delay = "show"

ปลั๊กอิน “ส่งข้อความถึงเรา”

นำผู้ใช้เข้าสู่การสนทนาบน Messenger โดยตรง

โปรดดูรายละเอียดการใช้งานที่ปลั๊กอิน “ส่งข้อความถึงเรา”

รวมรูปแบบ

<div class="fb-messengermessageus" 
  messenger_app_id="<APP_ID>" 
  page_id="<PAGE_ID>"
  color="<blue | white>"
  size="<standard | large | xlarge>">
</div>

แอตทริบิวต์

แอตทริบิวต์ แอตทริบิวต์ HTML5 ประเภท คำอธิบาย

class

สตริง

ค่าต้องเป็น fb-messengermessageus

page_id

สตริง

ID เพจของคุณ

messenger_app_id

ตัวเลข

ID ของแอพ Facebook ของคุณ

color

data-color

สตริง

สีปุ่ม: blue หรือ white


ค่าเริ่มต้นคือ blue

size

data-size

สตริง

ขนาดปุ่ม: standard, large หรือ xlarge


ค่าเริ่มต้นคือ large

ref

สตริง

ระบุหรือไม่ก็ได้ สตริงแบบกำหนดเองที่ส่งผ่านไปยัง Webhook ในเหตุการณ์ messaging_postbacks และ messaging_referrals

ปลั๊กอิน “ส่งไปยัง Messenger”

ส่งข้อความถึงผู้ใช้จากบอท Messenger ในพื้นหลัง เพื่อให้ผู้ใช้เลือกรับข้อความ

โปรดดูรายละเอียดการใช้งานที่ปลั๊กอิน “ส่งไปยัง Messenger”

รวมรูปแบบ

<div class="fb-send-to-messenger" 
  messenger_app_id="<APP_ID>" 
  page_id="PAGE_ID" 
  data-ref="<PASS_THROUGH_PARAM>" 
  color="<blue | white>" 
  size="<standard | large | xlarge>">
</div>

แอตทริบิวต์

แอตทริบิวต์ ประเภท คำอธิบาย

class

สตริง

ค่าต้องเป็น fb-send-to-messenger

page_id

สตริง

ID เพจของคุณ

messenger_app_id

ตัวเลข

ID ของแอพ Facebook ของคุณ

color

สตริง

ระบุหรือไม่ก็ได้ สีปุ่ม: blue หรือ white


ค่าเริ่มต้นคือ blue

size

สตริง

ระบุหรือไม่ก็ได้ ขนาดปุ่ม: standard, large หรือ xlarge


ค่าเริ่มต้นคือ large

ref

สตริง

ระบุหรือไม่ก็ได้ พารามิเตอร์สถานะแบบกำหนดเอง อักขระสูงสุด 250 ตัว


อักขระที่ใช้ได้คือ a-z A-Z 0-9 +/=-._


ซึ่งควรมีการเข้ารหัสไว้เพื่อวัตถุประสงค์ด้านการรักษาความปลอดภัย

enforce_login

บูลีน

ระบุหรือไม่ก็ได้ หากเป็น true ผู้ใช้ที่เข้าสู่ระบบแล้วจะต้องเข้าสู่ระบบใหม่อีกครั้งเมื่อคลิกปุ่ม ค่าเริ่มต้นคือ false

ใช้พารามิเตอร์ ref เพื่อส่งผ่านสถานะพร้อมการยืนยันตัวตน หากคุณวางปลั๊กอินไว้หลายแห่ง คุณอาจจำเป็นต้องแก้ไขสถานะโดยอิงตามตำแหน่งที่แสดงปลั๊กอิน

ปลั๊กอินกล่องกาเครื่องหมาย

ปลั๊กอินกล่องกาเครื่องหมายจะให้ผู้ใช้สามารถสมัครรับข้อมูลบอท Messenger ของคุณ โดยจะแสดงอยู่ในแบบฟอร์ม เช่น การชำระเงินหรือการลงทะเบียน

โปรดดูรายละเอียดการใช้งานที่ปลั๊กอินกล่องกาเครื่องหมาย

รวมรูปแบบ

<div class="fb-messenger-checkbox"  
  origin=<PAGE_DOMAIN>
  page_id=<PAGE_ID>
  messenger_app_id=<APP_ID>
  user_ref="<UNIQUE_REF_PARAM>"
  allow_login="<true>"
  size="<small | medium | large | standard | xlarge>"
  skin="<light|dark>"
  center_align="<true|false>">
</div>

แอตทริบิวต์

แอตทริบิวต์ ประเภท คำอธิบาย

class

สตริง

ค่าต้องเป็น fb-messenger-checkbox

page_id

ตัวเลข

ID เพจ Facebook ที่เชื่อมโยงกับบอทของคุณ

messenger_app_id

ตัวเลข

ID ของแอพ Facebook ของคุณ

user_ref

สตริง

พารามิเตอร์ที่ไม่ซ้ำกันสำหรับการอ้างอิงผู้ใช้ อักขระสูงสุด 250 ตัว


อักขระที่ใช้ได้คือ a-z A-Z 0-9 +/=-._

allow_login

บูลีน

ระบุหรือไม่ก็ได้ ช่วยให้ผู้คนสามารถเข้าสู่ระบบได้หากไม่มีเซสชั่น ค่าเริ่มต้นคือ true

size

สตริง

ระบุหรือไม่ก็ได้ ขนาดปลั๊กอิน: small, medium, large, standard, xlarge


ค่าเริ่มต้นคือ large

skin

สตริง

ระบุหรือไม่ก็ได้ กำหนดธีมสีสำหรับเนื้อหาปลั๊กอิน รองรับตัวเลือกดังต่อไปนี้

  • light: ปลั๊กอินแสดงข้อความสีเข้ม
  • dark: ปลั๊กอินแสดงข้อความสีขาว ไอคอน Messenger แบบโปร่งใส และสายฟ้าสีขาว

ค่าเริ่มต้นเป็น light

center_align

บูลีน

ระบุหรือไม่ก็ได้ กำหนดว่าควรจัดวางเนื้อหาปลั๊กอินไว้ตรงกลางหรือไม่


ค่าเริ่มต้นคือ false