Tips: เอา Chat Box ของ Facebook มาขึ้นบน Blogger.com


ใครที่ได้เข้าเว็บ/Blog บางที่เราจะเจอสัญลักษณ์แชทของ Facebook ตรงมุมขวาล่าง และเราสามารถแชทกับทางเว็บ/Blog ผ่าน Platform ของ Facebook ได้เลยด้วย

วันนี้ผมจะมาบอกวิธีการเอา Facebook Chat มาอยู่บนเว็บ หรือ Blog ของเรากันนะครับ

ขั้นตอนแรกก็ไปที่เพจที่เราสร้างมาเพื่อเว็บ/Blog ของเรา แล้วเลือกไปที่ "Setting" แล้วไปเลือก "Messenger Platform" ตรงเมนูด้านซ้ายตามรูปด้านล่าง

Setting --> Messenger Platform


หลังจากนั้นเราก็มาเลือกที่ "Customer Chat Plugin"

Setting --> Messenger Platform --> Customer Chat Plugin


แล้วเราก็มา Set Up กันเลย

Setting --> Messenger Platform --> Customer Chat Plugin --> Set Up


กด "Next" ไปเลยครับ


หากเราทำเป็นเว็บภาษาไทย ก็เลือกเป็นภาษาไทยกันไปครับ

ส่วนของข้อความ Greeting เราก็สามารถปรับได้เลยตามที่เราต้องการ

แล้วก็กด Next กันไป


ส่วนของ Response Time หากเรามีวันประจำในแต่ละอาทิตย์หรือเดือนในการเข้ามาตอบเราก็เซ็ตไปตามนั้น แต่ถ้าตอบตลอดก็เลือกเป็น Typically Reply Instantly หรือหากขี้เกียจยุ่งยากก็เลือกเป็น Automatic set response time ไปเลยก็ได้ครับ 

ตรง Appearance ก็คือ สีของเจ้าตัวไอคอนนั่นแหล่ะครับ ปรับให้เข้ากับเว็บไปเลยก็ดีนะ แล้วก็กด Next 


ใส่เว็บ หรือ Blog ที่เราจะนำแชทตัวนี้ไปใช้ (อาจจะมีหลายเว็บก็ได้นะครับ)

เสร็จแล้วเราจะได้โค้ดสำหรับนำไปใช้งานต่อได้เลยครับ

สำหรับใครที่เขียนเว็บเองหรือใช้ Platform อื่นๆ เขาให้ใส่โค้ตัวนี้ในส่วนของ <Body> นะครับ



เมื่อเราได้โค้ดมาแล้ว เราก็ไปที่ เว็บหรือ Blog ของเรา ในที่นี้ผมใช้ Blogger.com นะครับ ผมก็ชอนำเสนอใจมุมของ Blogger.com เลยละกัน 

ก็ง่ายๆครับ ไปที่ Layout เลยครับ แล้วเลือก Add a Gadget แล้ว เลือก HTML/JavaScript

Layout --> Add a Gadget --> HTML/JavaScript




แล้วเราก็เอาโค้ดที่ได้นั่นแหล่ะไปแปะในช่องด้านขวาตามภาพข้างล่าง แล้วก็กด "Save"


แค่นี้เองครับ เราก็จะมี Facebook Chat อยู่บนหน้าเว็บเราเก๋ๆแล้วครับ


ผมหวังว่า Tip นี้จะเป็นประโยชน์กับเพื่อนๆไม่มากก็น้อยนะครับ อย่างไรฝากติดตาม Tip ต่อๆไปด้วยนะครับ ง่ายๆเลยโดยการ Add เราที่เพจ NPmeStory หรือติดตาม Line@ ได้ที่ @npmestory แล้วผมจะแชร์บทความที่คิดว่ามีประโยชน์ให้ได้อ่านกันนะครับ

Comments