ปลั๊กอินเพจ Facebook แบบลอย

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

วิธีใช้งาน

1. เปิดเพจ Facebook ของคุณ แล้วคัดลอกที่อยู่ (URL) จากแถบที่อยู่ของเบราว์เซอร์ เช่น https://www.facebook.com/yourpage
2. วางลงในช่อง ที่อยู่เพจ Facebook ของคุณ ถ้าที่อยู่ถูกต้อง จะขึ้นข้อความ “เรียบร้อย” และแท็บจะปรากฏที่ขอบขวาของหน้านี้
3. เลือก ขนาด และสีของ แท็บ แล้วพิมพ์ ข้อความแท็บ ตามต้องการ (สูงสุด 12 ตัวอักษร)
4. ลองคลิกหรือแตะแท็บที่ขอบหน้านี้เพื่อดูตัวอย่าง ถ้าใช้เมาส์ แค่เลื่อนเมาส์ไปชี้ที่แท็บก็เปิดได้เช่นกัน
5. กดปุ่ม คัดลอก ที่ช่องโค้ด
6. นำโค้ดไปวางในเว็บไซต์หรือบล็อกของคุณตามวิธีด้านล่าง แล้วบันทึกและรีเฟรชหน้าเว็บเพื่อตรวจสอบ

คำอธิบายศัพท์

• ปลั๊กอินเพจ (Page Plugin) คือส่วนเสริมที่ Facebook จัดไว้ให้ฝังบนเว็บไซต์อื่น เพื่อแสดงการ์ดของเพจและพาผู้เข้าชมไปที่เพจของคุณ
• แบบลอย คือแท็บที่ติดอยู่กับขอบหน้าจอ แม้เลื่อนหน้าเว็บขึ้นลงแท็บก็ยังอยู่ที่เดิม
• ที่อยู่เพจ Facebook (URL) คือลิงก์ของเพจที่ขึ้นต้นด้วย facebook.com/ ตามด้วยชื่อเพจ ใช้ได้เฉพาะเพจ ไม่รองรับกลุ่ม โปรไฟล์ส่วนตัว ลิงก์แชร์ หรือลิงก์โพสต์
• ขนาด คือขนาดของการ์ดที่เปิดออกมา มาตรฐาน กว้าง 340 พิกเซล สูง 500 พิกเซล เหมาะกับหน้าจอคอมพิวเตอร์ ส่วน กะทัดรัด กว้าง 280 พิกเซล สูง 360 พิกเซล เหมาะกับหน้าเว็บที่มีพื้นที่น้อยหรือหน้าจอมือถือ
• แท็บ คือปุ่มที่ติดขอบหน้าจอ ให้เลือกสี น้ำเงิน (สีของ Facebook) หรือสี เข้ม (เกือบดำ) ให้เข้ากับธีมของเว็บไซต์
• ข้อความแท็บ คือข้อความสั้น ๆ บนแท็บ เช่น “Facebook” หรือ “ติดตามเรา”
• การ์ดเพจ คือกรอบที่เปิดขึ้นเมื่อคลิกหรือแตะแท็บ แสดงข้อมูลของเพจโดย Facebook และมีลิงก์ “เปิดใน Facebook” อยู่ด้านล่าง
• โค้ดสำหรับเว็บไซต์ (โค้ดฝัง) คือชุดโค้ด HTML และ JavaScript ที่คัดลอกไปวางในเว็บไซต์ เพื่อให้แท็บแสดงในหน้าเว็บของคุณ โค้ดนี้ทำงานได้เอง ไม่ต้องโหลดไฟล์สคริปต์จากเว็บอื่นเพิ่ม
• HTML/JavaScript และ Custom HTML คือชื่อแกดเจ็ตหรือบล็อกของ Blogger และ WordPress ที่รับโค้ดแบบนี้ได้
• ตัวบล็อกโฆษณา (Ad blocker) คือส่วนขยายของเบราว์เซอร์ที่ผู้เข้าชมบางคนใช้ ซึ่งอาจบล็อกการ์ด Facebook ทำให้การ์ดว่างเปล่า

วางโค้ดที่ไหน

Blogger

1. เปิด Blogger แล้วเลือกบล็อกของคุณ
2. คลิก เค้าโครง
3. ที่แถบด้านข้างหรือส่วนท้าย คลิก เพิ่มแกดเจ็ต แล้วเลือก HTML/JavaScript
4. วางโค้ดลงในช่อง เนื้อหา เว้นช่อง ชื่อ ไว้ว่าง แล้วคลิก บันทึก

WordPress

1. ในแดชบอร์ด เปิด ลักษณะที่ปรากฏ → วิดเจ็ต ถ้าไม่มีวิดเจ็ต ให้เปิด ลักษณะที่ปรากฏ → Editor → Patterns → Template Parts → Footer
2. เพิ่มบล็อก Custom HTML แล้ววางโค้ดลงไป
3. คลิก อัปเดต หรือ บันทึก (บน WordPress.com ต้องใช้แพ็กเกจที่อนุญาตให้ใส่โค้ดเอง ถ้าไม่อนุญาต โค้ดจะถูกลบออก)

เว็บไซต์อื่น

1. วางโค้ดลงใน HTML ของเว็บไซต์ ตรงไหนก็ได้ภายใน <body>
2. วางไว้ในส่วนที่ทุกหน้ามี เช่น ส่วนท้ายเว็บ แท็บจะแสดงในทุกหน้า

ข้อควรรู้

• แท็บจะอยู่ที่ขอบขวาของหน้า คลิกหรือแตะแล้วการ์ดของเพจจะเปิดขึ้น กดปุ่ม Esc หรือคลิกที่ว่างนอกการ์ดเพื่อปิด
• จะไม่มีอะไรโหลดจาก Facebook จนกว่าผู้เข้าชมจะเปิดแท็บ และบนมือถือ การ์ดจะย่อให้พอดีกับหน้าจอ
• ถ้าผู้เข้าชมใช้ตัวบล็อกโฆษณา การ์ดอาจว่างเปล่า แต่ยังกดลิงก์ “เปิดใน Facebook” ด้านล่างการ์ดได้
• เว็บบล็อกที่ไม่อนุญาตให้วางโค้ดเอง เช่น Pixnet จะแสดงแท็บไม่ได้

หน้านี้ไม่มีส่วนเกี่ยวข้องกับ Facebook Facebook เป็นเครื่องหมายการค้าจดทะเบียนของ Meta Platforms, Inc.