เพจปลั๊กอิน

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

หัวข้อที่เกี่ยวข้อง: คำถามที่พบบ่อยเกี่ยวกับโซเชียลปลั๊กอิน | โซเชียลปลั๊กอินอื่นๆ

URL เพจ Facebook

แท็บ

ความกว้าง

ความสูง

ใช้ส่วนหัวขนาดเล็ก

ปรับให้เข้ากับความกว้างคอนเทนเนอร์ของปลั๊กอิน

ซ่อนรูปภาพหน้าปก

แสดงใบหน้าของเพื่อน

รับรหัส

การตั้งค่า

นอกเหนือจากการตั้งค่าข้างต้นแล้ว คุณยังสามารถเปลี่ยนรายการต่อไปนี้ได้

การตั้งค่า	แอตทริบิวต์ HTML5	คำอธิบาย	ค่าเริ่มต้น
`href`	`data-href`	URL ของเพจ Facebook	ไม่มี
`width`	`data-width`	ความกว้างเป็นพิกเซลของปลั๊กอิน ต่ำสุดคือ `180` และสูงสุดคือ `500`	`340`
`height`	`data-height`	ความสูงของปลั๊กอินเป็นพิกเซล ต่ำสุดคือ `70`	`500`
`tabs`	`data-tabs`	แท็บเพื่อแสดง ตัวอย่างเช่น `timeline`, `events`, `messages` ใช้รายการที่คั่นด้วยเครื่องหมายจุลภาคเพื่อเพิ่มแท็บหลายรายการ เช่น `timeline, events`	`timeline`
`hide_cover`	`data-hide-cover`	ซ่อนรูปภาพหน้าปกในส่วนหัว	`false`
`show_facepile`	`data-show-facepile`	แสดงรูปภาพโปรไฟล์เมื่อเพื่อนถูกใจสิ่งนี้	`true`
`hide_cta`	`data-hide-cta`	ซ่อนปุ่มการกระตุ้นให้ดำเนินการที่กำหนดเอง (ถ้ามี)	`false`
`small_header`	`data-small-header`	ใช้ส่วนหัวเล็กแทน	`false`
`adapt_container_width`	`data-adapt-container-width`	พยายามให้พอดีกับความกว้างของคอนเทนเนอร์	`true`
`lazy`	`data-lazy`	`true` หมายถึงการใช้กลไก Lazy-Loading ของเบราว์เซอร์โดยการตั้งค่าแอตทริบิวต์ iframe `loading="lazy"` ผลที่ได้คือเบราว์เซอร์จะไม่เรนเดอร์ปลั๊กอิน หากไม่อยู่ใกล้กับวิวพอร์ท และอาจไม่เห็นเลย อาจเป็นหนึ่งใน `true` หรือ `false` (ค่าเริ่มต้น)	`false`

แอตทริบิวต์ที่เลิกใช้

เลิกใช้แอตทริบิวต์ 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 ของคุณ
แท็บเหตุการณ์: ผู้คนสามารถติดตามเหตุการณ์ของเพจของคุณและติดตามเหตุการณ์จากปลั๊กอินได้
แท็บข้อความ: ผู้คนสามารถส่งข้อความไปยังเพจของคุณโดยตรงจากเว็บไซต์ของคุณได้ ผู้คนจะต้องเข้าสู่ระบบเพื่อใช้คุณสมบัตินี้

การใช้งานการส่งข้อความบนเพจของคุณ

หากต้องการเปิดใช้งานการส่งข้อความบนเพจ Facebook ของคุณ ให้ไปที่ Settings ในเพจของคุณ ในแถว Messages เลือก “อนุญาตให้บุคคลติดต่อเพจของฉันเป็นการส่วนตัวโดยแสดงปุ่มข้อความ” (ลิงก์โดยตรง: https://www.facebook.com/{your-page-name}/settings/?tab=settings&section=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&amp;version=v2.5";

มีข้อมูลอ้างอิงเกี่ยวกับรูปแบบภาษาที่รองรับอยู่ในไฟล์ XML รูปแบบภาษาของ Facebook คุณอาจจำเป็นจะต้องปรับความกว้างของโซเชียลปลั๊กอินเพื่อให้รองรับภาษาต่างๆ คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่เพจ “การแปลเป็นภาษาท้องถิ่นและการแปลภาษา” ของเรา