เพจปลั๊กอิน

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