วิธีแก้ไขปัญหา oEmbed ของ Facebook และ Instagram

เผยแพร่แล้ว: 2022-06-09

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

ปัญหา oEmbed คืออะไรและทำงานอย่างไรใน WordPress?

สมมติว่าคุณจำเป็นต้องฝังวิดีโอ โพสต์บน Facebook หรือแกลเลอรี Instagram จากนั้น คุณอาจต้องพึ่งพา HTML สำหรับโครงสร้างหรือ PHP เพื่อเพิ่มฟังก์ชันเพิ่มเติมในส่วนนี้ และใช้ CSS สำหรับการออกแบบพื้นที่ อย่างไรก็ตาม หากคุณไม่ใช่นักพัฒนาเว็บและไม่ทราบวิธีใช้โค้ดเพื่อฝังสิ่งต่างๆ ลงในการติดตั้ง WordPress oEmbed เป็นวิธีที่สมบูรณ์แบบ

WordPress ใช้ฟังก์ชันนี้เพื่อนำเข้าเนื้อหาผ่าน URL ของเว็บไซต์บุคคลที่สาม ในกรณีนั้น ไม่จำเป็นต้องเขียนโค้ดแม้แต่บรรทัดเดียวเพื่อแสดงรูปภาพหรือวิดีโอจากเว็บไซต์โซเชียลมีเดียใดๆ มาดูตัวอย่างการฝัง Twitter กัน

ภายในตัวแก้ไข Gutenberg คุณจะเห็นบล็อกฝัง คุณสามารถใช้สิ่งนั้นเพื่อแทรก URL และฝังโพสต์ในตัวแก้ไข

ทวิตเตอร์ oembed

ด้วยวิธีนี้ คุณสามารถแสดงเนื้อหาจากเว็บไซต์บุคคลที่สามภายในการติดตั้ง WordPress ของคุณได้ ในทำนองเดียวกัน คุณสามารถดึงเนื้อหาจากเว็บไซต์เหล่านี้และแสดงบนการติดตั้ง WordPress ของคุณได้

  • เฟสบุ๊ค
  • YouTube
  • อินสตาแกรม
  • ทวิตเตอร์
  • Giphy
  • Reddit
  • ติ๊กต๊อก
  • ที่เก็บปลั๊กอิน WordPress
  • SoundCloud

และอื่นๆ

ตอนนี้ คุณรู้เกี่ยวกับ oEmbeds แล้ว ต่อไปเรามาดูกันว่าทำไม Facebook และ Instagram oEmbed หยุดทำงาน

ทำไม Facebook และ Instagram oEmbed หยุดทำงาน

Facebook ตัดสินใจปิดปลายทาง oEmbed เก่าเมื่อไม่กี่เดือนก่อน ในบทความ Facebook สำหรับนักพัฒนา พวกเขาระบุสิ่งนี้:

ภายในวันที่ 24 ตุลาคม 2020 นักพัฒนาจะต้องใช้ประโยชน์จากโทเค็นของผู้ใช้ แอพ หรือไคลเอนต์เมื่อทำการสอบถาม Graph API สำหรับรูปภาพโปรไฟล์ผู้ใช้ผ่าน UID, FB OEmbeds และ IG OEmbeds นักพัฒนาควรจัดเตรียมโทเค็นของผู้ใช้หรือแอปเมื่อทำการสอบถามรูปโปรไฟล์ผ่าน UID หรือ ASID แม้ว่าโทเค็นไคลเอ็นต์จะได้รับการสนับสนุนเช่นกัน โปรดไปที่บันทึกการเปลี่ยนแปลงของเราสำหรับ User Picture , Facebook OEmbed และ Instagram OE m bed สำหรับรายละเอียดเกี่ยวกับวิธีการเริ่มเรียกจุดปลาย Graph API เหล่านี้วันนี้

ทุกวันนี้ หากคุณต้องการแสดง oEmbeds จาก Facebook หรือ Instagram ภายในเว็บไซต์ WordPress ของคุณ จำเป็นต้องมีงานหลายอย่าง ขั้นแรก คุณต้องใช้บัญชีผู้พัฒนา Facebook จากนั้นลงทะเบียนแอพ Facebook และสร้าง ID แอพ

เมื่อคุณทำเสร็จแล้ว ให้เปิดใช้งาน oEmbed ภายในแอพ หลังจากนั้น ลงทะเบียนโทเค็นไคลเอ็นต์และโทเค็นของแอป สุดท้าย ให้ทำเครื่องหมายแอพ Facebook ว่าเป็นสด หากคุณทำงานเหล่านี้เสร็จแล้ว คุณยังสามารถแสดงการฝังผ่าน Gutenberg หรือ Classic Editor ได้

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

จะแก้ไขปัญหา Facebook และ Instagram oEmbed ได้อย่างไร

วิธีที่ดีที่สุดในการแก้ไขปัญหา Facebook และ Instagram oEmbed คือการใช้ปลั๊กอิน ที่นี่ เรามีปลั๊กอินที่แตกต่างกันสี่ตัวที่คุณสามารถใช้เพื่อแก้ไขปัญหา:

  1. oEmbed Plus
  2. Smash Balloon Facebook
  3. Smash Balloon Instagram
  4. Jetpack

ด้านล่างนี้ เราจะกล่าวถึงแต่ละวิธีโดยใช้ปลั๊กอินทั้งสี่นี้แยกกัน ดังนั้น คุณสามารถเลือกตัวเลือกที่ต้องการได้จากที่นั่น

1. oEmbed Plus

หากคุณกำลังมองหาวิธีแก้ปัญหาง่ายๆ ในการแก้ไขปัญหา Facebook และ Instagram เรามีปลั๊กอิน oEmbed Plus เป็นปลั๊กอินฟรีที่มีอยู่ในที่เก็บปลั๊กอินของ WordPress อย่างเป็นทางการ

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอินในการติดตั้ง WordPress ของคุณ เพียงไปที่ ปลั๊กอิน > เพิ่มใหม่ จากแดชบอร์ด WordPress ของคุณและค้นหาปลั๊กอิน จากนั้นคลิกที่ ติดตั้ง ทันที เพื่อติดตั้งปลั๊กอินและ เปิดใช้งาน หลังจากการติดตั้งเสร็จสิ้น

oembed plus

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

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

2. ทุบบอลลูน Facebook

มีปลั๊กอินเฉพาะจำนวนมากหากคุณต้องการแก้ไขปัญหา Facebook oEmbed โดยเฉพาะเช่นกัน หนึ่งในปลั๊กอินดังกล่าวคือ Smash Balloon Social Post Feed (เดิมชื่อ Smash Balloon Facebook) ช่วยให้คุณสามารถรวมเว็บไซต์ของคุณกับ Facebook และยังช่วยในการแก้ปัญหาต่างๆ ที่เกี่ยวข้อง

แต่ในการเริ่มใช้งาน คุณต้องติดตั้งและเปิดใช้งานปลั๊กอินก่อน

ติดตั้ง smash balloon facebook

หลังจากเปิดใช้งานปลั๊กอินแล้ว คุณต้องไปที่ Facebook Feed > Settings จากแดชบอร์ด WordPress ของคุณ ภายใต้แหล่งที่มา คุณสามารถเพิ่มหน้า Facebook หรือกลุ่มของคุณเองได้

เพิ่มแหล่งที่มาของ Facebook

หากคุณได้สร้างคีย์ API ด้วยตนเอง คุณสามารถเลือกที่จะเพิ่มบัญชีลงในเว็บไซต์ได้ หรือคุณสามารถเชื่อมต่อกับ Facebook ได้โดยตรงโดยลงชื่อเข้าใช้ผ่าน Smash Balloon

เพิ่มบัญชีด้วยตนเอง

หลังจากเชื่อมต่อเพจ/กลุ่มแล้ว คุณต้องไปที่ Facebook Feed > oEmbeds และเปิดใช้งาน

เปิดใช้งาน facebook oembeds

ด้วยวิธีนี้ คุณสามารถแก้ไขปัญหา Facebook oEmbed โดยใช้ปลั๊กอินจาก Smash Balloon

3. Instagram ทุบบอลลูน

เช่นเดียวกับปัญหา Facebook oEmbed คุณยังสามารถใช้ปลั๊กอินเฉพาะเพื่อแก้ปัญหาเหล่านี้สำหรับ Instagram โดยเฉพาะได้ ถ้าใช่ ปลั๊กอิน Smash Balloon Social Photo Feed สามารถเป็นเครื่องมือที่สมบูรณ์แบบสำหรับคุณ

แก้ไข facebook และ instagram oembed - ปลั๊กอิน smash balloon instagram

เป็นปลั๊กอิน WordPress ตัวอื่นที่สร้างโดยนักพัฒนารายเดียวกัน แต่สำหรับผู้ใช้ Instagram ปลั๊กอินนี้ใช้งานได้ฟรีและมาพร้อมกับการตั้งค่าที่เรียบง่าย มาดูวิธีใช้ปลั๊กอิน Smash Balloon Instagram เพื่อแก้ไขปัญหา Instagram API

สิ่งแรกที่คุณต้องทำคือ ติดตั้งและเปิดใช้งาน Smash Balloon บนการติดตั้ง WordPress ของคุณ

แก้ไข facebook และ instagram oembed - ฟีด Instagram

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

แก้ไข facebook และ instagram oembed - การตั้งค่าฟีด

หากคุณตรวจสอบการตั้งค่า คุณจะไม่มีฟีดตามค่าเริ่มต้น ดังนั้นสิ่งที่คุณต้องทำคือสร้างใหม่

แก้ไข facebook และ instagram oembed - เพิ่มฟิลด์ ig ใหม่

ถัดไป คุณต้องเลือกประเภทฟีด

ณ ตอนนี้ ปลั๊กอินเวอร์ชันฟรีอนุญาตให้ผู้ใช้ใช้ไทม์ไลน์เป็นประเภทฟีดเท่านั้น ในทางกลับกัน หากคุณใช้ปลั๊กอินฟีด Smash Balloon Instagram เวอร์ชันพรีเมียมในการติดตั้ง WordPress คุณจะได้รับประเภทฟีดเพิ่มเติม เช่น แฮชแท็กสาธารณะ โพสต์ที่ติดแท็ก และวอลล์โซเชียล ในที่นี้เราจะเลือก User Timeline

แก้ไข facebook และ instagram oembed - ไทม์ไลน์ของผู้ใช้

ปลั๊กอินจะขอให้คุณเชื่อมต่อแหล่งที่มาในหน้าถัดไป

แก้ไข facebook และ instagram oembed - เพิ่มแหล่งที่มาของ ig

ตอนนี้ ปลั๊กอินจะเปลี่ยนเส้นทางคุณไปยังเว็บไซต์อย่างเป็นทางการ จากที่นั่น คุณสามารถเชื่อมต่อบัญชี Instagram ของคุณได้ คุณสามารถเลือกประเภทบัญชีของคุณ (ส่วนบุคคล/ธุรกิจ) และสร้างการเชื่อมต่อ ในทางกลับกัน คุณสามารถป้อนได้หากคุณได้สร้างคีย์ API แล้ว

เชื่อมต่ออินสตาแกรม

หลังจากเชื่อมต่อบัญชี Instagram ของคุณแล้ว ให้ไปที่ส่วน oEmbeds ในการตั้งค่าปลั๊กอิน

คุณจะเห็นตัวเลือกเพื่อเปิดใช้งาน oEmbeds ที่ให้บริการผ่านฟีด Instagram โดย Smash Balloon

เปิดใช้งาน oembed

คุณสามารถวางลิงก์ Instagram ลงในโพสต์บล็อกของคุณได้โดยตรง และปลั๊กอิน Smash Balloon จะดูแลการฝัง

แค่นั้นแหละ. ด้วยวิธีนี้ คุณสามารถแก้ไขปัญหา Instagram API ของคุณได้ จากนั้น คุณสามารถออกจากการตั้งค่าดังกล่าวและมีการเชื่อมต่อ Instagram-WordPress อย่างต่อเนื่อง

4. Jetpack

หากคุณเคยทำงานกับ WordPress มาระยะหนึ่งแล้ว คุณอาจรู้จัก Jetpack Jetpack เป็นเครื่องมือที่ยอดเยี่ยมในการปรับปรุงคุณสมบัติของเว็บไซต์ WordPress ของคุณ เรายังครอบคลุมการตรวจสอบเครื่องมือด้วยคุณสมบัติหลัก ราคา และอื่นๆ นอกจากนี้ Jetpack ยังมาพร้อมกับคุณสมบัติ Plug-and-play สำหรับ oEmbeds ที่นี่ เราจะแสดงวิธีการติดตั้งและเปิดใช้งาน Jetpack

เมื่อคุณเข้าสู่ระบบการติดตั้ง WordPress แล้ว ให้ไปที่ส่วนเพิ่มปลั๊กอินใหม่ ค้นหา Jetpack ติดตั้งและเปิดใช้งานที่นั่น

ติดตั้งปลั๊กอิน Jetpack

เมื่อคุณเปิดใช้งานปลั๊กอินแล้ว คุณต้องทำการตรวจสอบสิทธิ์ให้เสร็จสิ้น จากนั้น โดยการเชื่อมต่อบัญชี WordPress.com กับปลั๊กอิน คุณจะสามารถเริ่มใช้งานและเปิด/ปิดคุณสมบัติได้

จากนี้ไป Jetpack จะดูแล oEmbed คุณจึงใช้ได้ทั้ง Gutenberg และ Classic Editor

ด้วยวิธีนี้ คุณสามารถใช้ Jetpack เพื่อจัดการ oEmbed ของคุณได้

วิธีล้างแคช oEmbed ใน WordPress?

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

แต่การจัดเก็บ oEmbed มากเกินไปในเว็บเซิร์ฟเวอร์ไม่เหมาะกับเว็บไซต์ สิ่งที่ควรทราบอีกประการหนึ่งคือเมื่อวิดีโอ YouTube หรือทวีตได้รับการแก้ไข/อัปเดต ข้อมูลแคชที่มีอยู่จะไม่เป็นปัจจุบัน ดังนั้นเราจึงต้องล้างแคช oEmbed ใน WordPress เพื่อแก้ไขปัญหานี้

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

สิ่งแรกที่คุณต้องทำคือเปิด cPanel ตัวอย่างเช่น เมื่อคุณใช้ผู้ให้บริการเว็บโฮสติ้งบน Linux เช่น โฮสติ้งที่ใช้ร่วมกัน คุณจะเห็น cPanel คล้ายกับสิ่งนี้ นั่นคือเปิด PHPMyAdmin

ในทางกลับกัน หากคุณเป็นลูกค้าของผู้ให้บริการโฮสติ้ง WordPress ที่มีการจัดการระดับพรีเมียม เช่น Kinsta หรือ WP Engine คุณจะเห็นปุ่ม PHPMyAdmin ตรงในหน้าแดชบอร์ดบัญชีของคุณ

ในส่วน PHPMyAdmin ไปที่ postmeta

หลังจากนั้นให้เปิดคุณสมบัติการค้นหาที่นั่น คุณควรตั้งค่า meta_key เป็น LIKE %…% จากเมนูแบบเลื่อนลง และในฟิลด์ Value ให้ตั้งค่าเป็น _oembed หลังจากนั้นให้คลิกปุ่ม ไป

คุณจะเห็นแคช oEmbed ทั้งหมดที่จัดเก็บไว้ในฐานข้อมูลของคุณในหน้าจอถัดไป คุณสามารถเลือกทั้งหมดและลบออกจากฐานข้อมูลทั้งหมดได้

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

หากคุณต้องการบทความเฉพาะ โปรดตรวจสอบบทความนี้

บทสรุป

นี่คือวิธีแก้ไขปัญหา Facebook และ Instagram oEmbed ดังที่คุณเห็นข้างต้น ส่วนใหญ่มีสี่วิธีที่ใช้ได้ พวกเขาคือ:

  • oEmbed Plus
  • Smash Balloon Facebook
  • Smash Balloon Instagram
  • Jetpack

เมื่อคุณต้องการวิธีแก้ปัญหาง่ายๆ ในการแก้ไขปัญหาทั้ง Facebook และ Instagram คุณควรใช้ปลั๊กอิน oEmbed plus WordPress ไม่มีการกำหนดค่าเพิ่มเติม และคุณสามารถแก้ปัญหาได้ทันทีหลังจากเปิดใช้งานปลั๊กอิน

ถัดไป คุณสามารถใช้ปลั๊กอิน Smash Balloon Facebook และ Smash Balloon Instagram เพื่อแก้ไขปัญหา Facebook และ Instagram ทีละรายการ ในทางกลับกัน หากคุณใช้ JetPack เพื่อปกป้องเว็บไซต์ของคุณจากสแปมหรือการโจมตี คุณไม่จำเป็นต้องใช้ปลั๊กอินเพิ่มเติม Jetpack ช่วยคุณได้ และคุณสามารถเปิด/ปิดคุณสมบัติได้ตามความสนใจของคุณ

คุณสามารถดูที่เก็บถาวรของบล็อกของเราสำหรับบทความที่เกี่ยวข้องเพิ่มเติม ในระหว่างนี้ ต่อไปนี้คือบทความบางส่วนของเราที่คุณอาจสนใจ:

  • วิธีการโพสต์จาก WordPress ไปยัง Facebook โดยอัตโนมัติ
  • แคตตาล็อก Instagram ไม่ทำงาน? วิธีแก้ไข
  • วิธีเชื่อมต่อ WooCommerce กับ Instagram