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

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

โดยวิธีการสร้าง Like Box และนำไปติดตั้งในเว็บไซต์สำเร็จรูป ReadyPlanet ระบบ VelaClassic มีวิธีการทำที่ไม่ยาก ดังนี้ค่ะ

(สำหรับท่านที่ยังไม่ได้สร้าง Facebook Page สามารถดูวิธีการสร้าง คลิกที่นี่ ค่ะ)

1. Copy URL ของ Facebook Page ของคุณ ตัวอย่าง Fan Page ของ ReadyPlanet มี URL คือ www.facebook.com/readyplanet เป็นต้น

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

2. จากนั้นไปที่ url  https://developers.facebook.com/docs/plugins/page-plugin  จะเข้าสู่หน้า Page Plugin เพื่อสร้างโค้ด Like box โดยเลือกรูปแบบการแสดงผลของ Like Box ตามหัวข้อที่ปรากฎ โดยจะมีการแสดงตัวอย่าง Like Box ปรากฎให้เห็นด้วย

 Facebook Page URL ให้วาง URL ของ Facebook Page ที่คุณคัดลอกมาจากขั้นตอนในข้อที่ 1

 Tab พิมพ์ข้อความเพื่อเลือกการแสดงผลข้อมูลจากแท็บต่าง ๆ ที่อยู่ใน Page ของคุณ ใน Like Box เช่น Timeline เพื่อแสดงโพสต์ต่าง ๆ, Messages จะทำให้ Like Box มีช่องให้ผู้ชมส่งข้อความ Inbox ถึงเพจได้ทันที หรือ Events จะแสดงผลกำหนดการที่เพจได้สร้างไว้ เป็นต้น

 Width คือ ขนาดความกว้างของ Like Box (ความกว้างเริ่มต้นที่ Facebook กำหนดให้คือ 180 pixels กว้างสูงสุดไม่เกิน 500 pixels)

 Height คือ  ขนาดความสูงของ Like Box (ความสูงเริ่มต้นที่ 70 pixels)

 ตัวเลือก Use Small Header แสดงผลข้อมูลเพจเป็นส่วนหัว เฉพาะ รูปโปรไฟล์เพจ, ชื่อเพจ, ปุ่ม Like, และจำนวนคนที่กด Like แล้ว

 ตัวเลือก Adapt to plugin container width เลือกเพื่อให้ Like Box ปรับขนาดให้พอดีกับพื้นที่ติดตั้ง plug in โดยอัตโนมัติ

 ตัวเลือก Hide Cover Photo คลิกเลือกเพื่อไม่ให้ภาพ Cover ของ Page แสดงผลใน Like Box

 ตัวเลือก Show Friend's Faces คลิกเลือกแสดงหรือไม่แสดงรูปโปรไฟล์ของสมาชิกใน Page ใน Like Box

เมื่อตั้งค่าการแสดงผลของ Like Box ตามต้องการแล้ว คลิกปุ่ม Get Code
 

3. จะปรากฎหน้าต่างสำหรับรับ Code ให้คลิกที่แท็บ IFrame และคัดลอกโค้ดที่ปรากฎ 

4. วิธีการติดตั้งโค้ด Like Box ในเว็บไซต์  สามารถติดตั้งได้หลาย ๆ ส่วนเลยค่ะ ไม่ว่าจะเป็น รายละเอียดบทนำ เพื่อแสดงผลในหน้าแรกของเว็บไซต์, พื้นที่แบนเนอร์, หรือ พื้นที่ด้านล่างของเว็บไซต์

ซึ่งในที่นี้ยกตัวอย่างการติดตั้ง Like Box ที่พื้นที่ด้านล่างของเว็บไซต์ เนื่องจากเป็นส่วนที่รองรับโค้ดได้โดยตรง และไม่มีผลกระทบกับเนื้อหาหลัก ๆ ของเว็บไซต์ โดยหลังจากล็อกอินเข้าส่วนแก้ไขเว็บไซต์แล้ว ไปที่เมนู "จัดการเว็บไซต์" จากนั้น คลิกเมนู "จัดการพื้นที่ด้านล่าง"

5. จากนั้นคลิก วางโค้ดที่ Copy มา ในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าแรกของเว็บไซต์)" แต่หากต้องการให้โค้ด Like Box แสดงผลในทุกหน้า ก็สามารถวางในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าในของเว็บไซต์)" เพิ่มได้นะคะ สุดท้ายคลิกปุ่ม "ตกลง" เพื่อบันทึก ค่ะ

ตัวอย่างการแสดงผล Like Box Facebook Page บนหน้าเว็บไซต์

สำหรับสมาชิก ReadyPlanet ที่ใช้งานระบบเว็บไซต์พร้อมใช้ VelaEasy สามารถดูรายละเอียด การติดตั้ง Facebook Page Plugin (Like Box) ในระบบ VelaEasy คลิกที่นี่ ค่ะ

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

หากพบปัญหาเกิดขึ้น วิธีการแก้ไขคือ เข้าไปลบ code ต่าง ๆ เหล่านี้ออก เว็บไซต์ของคุณก็จะทำงานได้ตามปกติค่ะ
 

Jittima  Suebsook
www.ReadyPlanet.com