วันศุกร์ที่ 23 มกราคม พ.ศ. 2558

วิธีการทำปุ่ม Like Box ใน Facebook และติดตั้งในเว็บไซต์

เมื่อมีการสร้าง Facebook Fan Page เพื่อเป็นการประชาสัมพันธ์เว็บไซต์บน Facebook เว็บไซต์ Social Network ยอดนิยมเรียบร้อยแล้ว ท่านสามารถสร้าง Like Box ให้แสดงผลในหน้าเว็บไซต์ของท่านได้    ซึ่งจะมีประโยชน์ในการช่วยประชาสัมพันธ์ข่าวหรือกิจกรรมที่มีบน Facebook Page ของท่านได้  อีกทั้งหากการกด Like ใน Like Box บนหน้าเว็บไซต์ ข้อมูลก็จะเชื่อมโยงกับ Fan Page เท่ากับเป็นการกด Like Facebook Fan Page ที่เราสร้างไว้ให้อัตโนมัติด้วย   เป็นการช่วยส่งเสริมการทำการตลาดออนไลน์ ที่ได้ผลดีอีกช่องทางหนึ่ง  โดยวิธีการสร้าง Like Box และนำไปติดตั้งในเว็บไซต์ มีวิธีการทำที่ไม่ยาก ดังนี้ครับ


1. ไปที่ url  http://developers.facebook.com/docs/reference/plugins/like-box  จะเข้าสู่หน้าบริการ Social Plugin เพื่อสร้างโค้ด Like box

2. Copy URL ของ Facebook Fan Page ที่เราสร้างมาใส่ไว้ในช่อง Facebook Page URL (url facebook ของคุณนะครับ) จากนั้น เลือกรูปแบบการแสดงผลของ Like Box ตามหัวข้อที่ปรากฎ โดยจะมีการแสดงตัวอย่างทางด้านขวา
 Width คือ ขนาดความกว้างของ Like Box (ขนาดที่เหมาะสมคือ 200 pixels ค่ะ)
 Height คือ  ขนาดความสูงของ Like Box
 Color Scheme มีให้เลือกมืดกับสว่าง หรือ ขาวกับดำ 
 Show Faces เลือกแสดงหรือไม่แสดงรูปโปรไฟล์ของสมาชิก Fan Page
 Border Color  กำหนดสีเส้นขอบของ Like Box
 Stream เลือกแสดงหรือไม่แสดงการโพสต์ล่าสุดจาก Page 
 Header เลือกแสดงหรือไม่แสดงแถบหัวข้อด้านบนสุดของ Like box  

หมายเหตุ : ในกรณีที่ท่านยังไม่ตั้งชื่อ URL หน้า Facebook Fan Page อย่างเป็นทางการ ทำให้ไม่สามารถนำ URL ที่เป็น www.facebook.com/ชื่อเพจ มาใช้งานในช่อง Facebook Page URL ได้ค่ะ  แต่ทาง Facebook จะแสดงผล URL Page แบบชั่วคราวก่อน โดยเปิดหน้า Page Facebook ที่ท่านสร้างไว้ตามปกติ แล้วคัดลอก URL ของ Page ที่ปรากฎ ดังรูปครับ (หากต้องการตั้งชื่อ URL Fan Page ก่อน สามารถตั้งได้ที่ http://www.facebook.com/username นะครับ)

จากนั้น นำ URL Page ชั่วคราว ไปวางในช่อง Facebook Page URL และปรับแต่งรูปแบบการแสดงผลได้ตามปกติครับ
3. เมื่อตั้งค่าการแสดงผลของ Like Box ตามต้องการแล้ว  คลิกปุ่ม Get Code

4. จะปรากฎหน้าต่าง Your Like Box plugin Code:  ให้คลิกเลือกประเภทโค้ดเป็น iframe  จากนั้น Copy Code ที่ปรากฎในช่อง iframe
เพียงแค่นี้ก็เรียบร้อยแล้วครับ