เพจปลั๊กอินทำให้คุณสามารถฝังและโปรโมทเพจ Facebook สาธารณะใดๆ บนเว็บไซต์ของคุณได้อย่างง่ายดาย เช่นเดียวกับบน Facebook ผู้เข้าชมของคุณสามารถถูกใจและแชร์เพจโดยไม่ต้องออกจากเว็บไซต์ของคุณ คุณสามารถใช้เพจปลั๊กอินได้กับเพจที่ไม่ถูกจำกัด เช่น ตามประเทศหรืออายุ
หัวข้อที่เกี่ยวข้อง: คำถามที่พบบ่อยเกี่ยวกับโซเชียลปลั๊กอิน | โซเชียลปลั๊กอินอื่นๆ
นอกเหนือจากการตั้งค่าข้างต้นแล้ว คุณยังสามารถเปลี่ยนรายการต่อไปนี้ได้
การตั้งค่า | แอตทริบิวต์ HTML5 | คำอธิบาย | ค่าเริ่มต้น |
---|---|---|---|
|
| URL ของเพจ Facebook | ไม่มี |
|
| ความกว้างเป็นพิกเซลของปลั๊กอิน ต่ำสุดคือ |
|
|
| ความสูงของปลั๊กอินเป็นพิกเซล ต่ำสุดคือ |
|
|
| แท็บเพื่อแสดง ตัวอย่างเช่น |
|
|
| ซ่อนรูปภาพหน้าปกในส่วนหัว |
|
|
| แสดงรูปภาพโปรไฟล์เมื่อเพื่อนถูกใจสิ่งนี้ |
|
|
| ซ่อนปุ่มการกระตุ้นให้ดำเนินการที่กำหนดเอง (ถ้ามี) |
|
|
| ใช้ส่วนหัวเล็กแทน |
|
|
| พยายามให้พอดีกับความกว้างของคอนเทนเนอร์ |
|
|
|
|
|
data-show-posts
แล้ว โปรดใช้แอตทริบิวต์ tabs
/data-tabs
และใช้ค่า timeline
เพื่อแสดงโพสต์จากไทม์ไลน์ของเพจการกำหนดค่ามาตรฐานของเพจปลั๊กอินมีเฉพาะส่วนหัวและรูปภาพหน้าปกเท่านั้น ขนาดนี้เหมาะสำหรับการโปรโมทเพจของคุณในพื้นที่ขนาดเล็ก เช่น ส่วนบนของแถบด้านข้าง
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="380" data-hide-cover="false" data-show-facepile="false"></div>
หากเพจของคุณมีปุ่มกระตุ้นให้ดำเนินการแบบกำหนดเอง สิ่งนี้จะแสดงขึ้นมาแทนที่ปุ่มกระตุ้นให้ดำเนินการแบบค่าเริ่มต้น ซึ่งก็คือ ปุ่มแชร์
หากความกว้างของปลั๊กอินน้อยกว่า 280 พิกเซล ปุ่มแชร์แบบค่าเริ่มต้นจะแสดงขึ้นมาเพื่อป้องกันการจัดเรียงรูปแบบที่ผิดพลาดในการแปลภาษาต่าง ๆ
ขณะนี้คุณสามารถมีแท็บไทม์ไลน์, เหตุการณ์ และ ข้อความ บนปลั๊กอิน:
หากต้องการเปิดใช้งานการส่งข้อความบนเพจ Facebook ของคุณ ให้ไปที่ Settings
ในเพจของคุณ ในแถว Messages
เลือก “อนุญาตให้บุคคลติดต่อเพจของฉันเป็นการส่วนตัวโดยแสดงปุ่มข้อความ” (ลิงก์โดยตรง: https://www.facebook.com/{your-page-name}/settings/?tab=settings§ion=messages&view
)
ใช้รายการที่แยกด้วยเครื่องหมายจุลภาคในแอตทริบิวต์ data-tabs
เพื่อเพิ่มแท็บหลายรายการ:
<div class="fb-page" data-tabs="timeline,events,messages" data-href="https://www.facebook.com/YoloBookStore" data-width="380" data-hide-cover="false"></div>
คุณยังสามารถเพิ่มเพียงแท็บเดี่ยวที่แสดง timeline
, events
หรือ messages
อย่างใดอย่างหนึ่ง:
<div class="fb-page" data-tabs="events" data-href="https://www.facebook.com/YoloBookStore" data-width="380"></div>
ปลั๊กอินจะปรับเป็น width
ของคอนเทนเนอร์หลักตามค่าเริ่มต้นในการโหลดเพจ (ต่ำสุด 180px
/ สูงสุด 500px
) ซึ่งมีประโยชน์สำหรับการเปลี่ยนแปลงเลย์เอาท์:
<div style="width: 190px;"> <!-- Page plugin's width will be 190px --> <div class="fb-page" data-href="{url}" data-width="420"></div> </div>
หาก width
ขององค์ประกอบหลักใหญ่กว่า width
ของปลั๊กอินของเพจ ปลั๊กอินจะรักษาค่าที่กำหนดใน data-width
ไว้:
<div style="width: 600px;"> <!-- Page plugin's width will be 500px --> <div class="fb-page" data-href="{url}" data-width="500"></div> </div>
ปลั๊กอินจะต้องไม่เล็กกว่า 180px
:
<div style="width: 100px;"> <!-- Page plugin's width will be 180px --> <div class="fb-page" data-href="{url}" data-width="320"></div> </div>
ความกว้างที่ปรับเปลี่ยนได้สามารถปิดได้โดยการยกเลิกทำเครื่องหมายที่ “ปรับเป็นความกว้างของคอนเทนเนอร์ปลั๊กอิน” และปลั๊กอินจะเรนเดอร์ตามความกว้างที่ระบุโดยไม่คำนึงถึงคอนเทนเนอร์หลัก
เพจปลั๊กอินทำงานร่วมกับเค้าโครงที่มีการตอบกลับ ที่เปลี่ยนแปลงได้และแบบคงที่ คุณสามารถใช้คำถามสื่อหรือวิธีการอื่นเพื่อตั้งค่า width
ขององค์ประกอบหลัก แต่:
width
ในการโหลดเพจหากคุณต้องการปรับ width
ของปลั๊กอินในการปรับขนาดหน้าต่าง คุณจะต้องเรนเดอร์ปลั๊กอินอีกครั้งด้วยตนเอง
แสดงบุคคลที่ถูกใจเพจพร้อมกับรูปภาพโปรไฟล์ของบุคคลจริงที่ไม่ใช่หมายเลข ผู้คนที่เข้าชมเพจของคุณจะเห็นจำนวนเพื่อนที่ถูกใจเพจและรูปภาพโปรไฟล์ของพวกเขา
คุณอาจเปิดใช้ตัวเลือกนี้ได้โดยการทำเครื่องหมายเลือก Show Friend's Faces
ในตัวกำหนดค่า
<div class="fb-page" data-href="https://www.facebook.com/imdb" data-width="340" data-hide-cover="false" data-show-facepile="true"></div>
เพจ Facebook กับการจำกัดความเป็นส่วนตัวไม่สามารถฝังได้
คุณสามารถเปลี่ยนภาษาของเพจปลั๊กอินได้โดยการโหลด Facebook JavaScript SDK เวอร์ชั่นแปลเป็นภาษาท้องถิ่น เมื่อคุณโหลด SDK ดังกล่าว ให้เปลี่ยนค่าของ “js.src
” เพื่อใช้รูปแบบภาษาของคุณ แทนที่ “en_US
” ด้วยรูปแบบภาษาของคุณ เช่น “ru_RU
” สำหรับรัสเซีย (รัสเซีย):
js.src = "https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.5";
มีข้อมูลอ้างอิงเกี่ยวกับรูปแบบภาษาที่รองรับอยู่ในไฟล์ XML รูปแบบภาษาของ Facebook คุณอาจจำเป็นจะต้องปรับความกว้างของโซเชียลปลั๊กอินเพื่อให้รองรับภาษาต่างๆ คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่เพจ “การแปลเป็นภาษาท้องถิ่นและการแปลภาษา” ของเรา