เพจปลั๊กอิน

เพจปลั๊กอินทำให้คุณสามารถฝังและโปรโมทเพจ 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`

แอตทริบิวต์ที่ถูกยกเลิก

แอตทริบิวต์ 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 = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&amp;version=v2.5";

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