วิธีจัดการกับ Fb และ Instagram oEmbed Challenge ใน WordPress

เผยแพร่แล้ว: 2023-02-17


คุณต้องการที่จะเข้าใจวิธีจัดการกับข้อกังวล Facebook และ Instagram oEmbed ใน WordPress หรือไม่?

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

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

How to fix the Facebook and Instagram oEmbed issue in WordPress

ปัญหา oEmbed ของ Facebook และ Instagram ใน WordPress คืออะไร

ก่อนหน้านี้ คุณสามารถฝังโพสต์ Instagram และ Facebook ใน WordPress ได้อย่างง่ายดายโดยใช้โปรโตคอลที่รู้จักในชื่อ oEmbed

อย่างไรก็ตาม Facebook ได้เปลี่ยนวิธีการที่ oEmbed จะทำงาน ดังนั้นคุณจึงไม่สามารถฝังภาพยนตร์ รูปถ่าย อัปเดต และเนื้อหาอื่นๆ จาก Fb หรือ Instagram ได้อย่างสะดวกสบายอีกต่อไป

ตอนนี้คุณต้องลงทะเบียนแอพและใช้โทเค็นนักช้อปเพื่อรับข้อเท็จจริงจาก Fb Graph API ก่อนที่คุณจะฝังเนื้อหา Facebook หรือ Instagram บนเว็บไซต์ WordPress ของคุณได้

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

หากคุณได้รวมเนื้อหา Fb ใดๆ ไว้ในเว็บไซต์ของคุณก่อนหน้านี้โดยใช้ oEmbed ในตอนนี้ เนื้อหาดังกล่าวจะมองเห็นบางอย่าง เช่น การยึดติดกับกราฟิก

An example of an oEmbed error in WordPress

หากคุณฝังโพสต์ Instagram โดยใช้ oEmbed คุณจะได้รับข้อผิดพลาดที่คล้ายกัน

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

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

ด้วยการอ้างสิทธิ์ดังกล่าว ให้เราดูว่าคุณสามารถแก้ไขความยากของ Facebook และ Instagram oEmbed บน WordPress ได้อย่างไร

วิธีดูแล Facebook & Instagram oEmbed Concern

วิธีที่ยากน้อยที่สุดในการแก้ไขปัญหา oEmbed คือการทำงานร่วมกับหนึ่งในปลั๊กอิน Smash Balloon ที่ให้บริการฟรีทั้งหมด

หากคุณต้องการฝังโพสต์ Instagram ใน WordPress คุณจะต้องใช้ปลั๊กอิน Smash Balloon Social Picture Feed

An instagram post, embedded in a WordPress website

ต้องการฝังโพสต์ Facebook ใน WordPress หรือไม่ จากนั้นคุณสามารถใช้ปลั๊กอิน Smash Balloon Social Submit Feed ได้ฟรีแทน

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

ทันทีหลังจากตั้งค่าปลั๊กอินทั้งสอง เพียงไปที่ Instagram Feed » oEmbeds หรือ Fb Feed » oEmbeds โดยขึ้นอยู่กับปลั๊กอินที่คุณใช้

เราใช้ปลั๊กอิน Social Picture Feed ในภาพประกอบหรือภาพถ่ายทั้งหมดของเรา แต่วิธีการจะเหมือนกันทุกประการ ไม่มีปัญหาว่าคุณจะใช้ปลั๊กอินใด

Enabling the oEmbed feature for Instagram and Facebook

ในหน้าจอนี้ ให้คลิกที่ปุ่ม 'เปิดใช้งาน'

แค่นั้นแหละ. ตอนนี้คุณสามารถฝังโพสต์ Fb และ Instagram บนหน้าเว็บ WordPress ของคุณได้แล้ว

วิธีฝังโพสต์ Instagram หรือ Facebook ใน WordPress

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

ความเป็นไปได้อย่างหนึ่งคือการเปิดหน้าเว็บหรือวางตำแหน่งที่คุณต้องการแสดงเนื้อหาที่เป็นลายลักษณ์อักษรทางสังคม จากนั้น คลิกที่ไอคอน '+' และจัดเรียงใน 'ฝัง'

เมื่อดูเหมือนบล็อกที่ถูกต้อง ให้คลิกเพื่อเพิ่มลงในหน้าเว็บหรือบทความ

Adding the Embed block to a WordPress page or post

ในหัวข้อ 'ฝัง' เพียงแค่วาง URL ของบทความ Instagram หรือ Facebook ที่คุณต้องการนำเสนอบนเว็บไซต์ของคุณ

จากนั้น เพียงคลิกที่ 'ฝัง'

Embedding an Instagram post in WordPress

WordPress จะแสดงบทความเฉพาะนั้น เมื่อคุณพร้อมที่จะทำให้โพสต์เป็นจริง เพียงคลิกที่ 'อัปเดต' หรือ 'เผยแพร่'

ตอนนี้เมื่อคุณตรวจสอบหน้าคุณจะเห็นโพสต์โซเชียลมีเดียอยู่

An example of an Instagram post in WordPress

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

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

Adding an Instagram post to a widget-ready area such as the WordPress sidebar

หากต้องการเพิ่มโพสต์ Facebook หรือ Instagram ลงในพื้นที่ที่วิดเจ็ตพร้อมใช้งานอย่างสมบูรณ์ ให้ไปที่ Look » Widgets แล้วคลิกปุ่ม '+' สีน้ำเงิน

ในแถบค้นหา พิมพ์ "ฝัง" เพื่อค้นหาบล็อกที่ถูกต้อง

Embedding an Embed block in WordPress

เมื่อบล็อก 'ฝัง' ปรากฏขึ้น ให้ลากไปบนพื้นที่ที่คุณต้องการให้แสดง Facebook หรือ Instagram อย่างชัดเจน

ในระเบียบวินัย 'ฝัง' เพียงวาง URL ของโพสต์ Instagram หรือ Fb ที่คุณต้องการให้แสดงอย่างชัดเจนบนหน้าเว็บของคุณ จากนั้น เพียงคลิกที่ 'ฝัง'

Embedding Instagram photo in Instagram

WordPress จะแสดงโพสต์เฉพาะนั้น

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

Embedding Instagram post in WordPress

ตอนนี้เมื่อคุณหยุดที่เว็บไซต์ของคุณ คุณจะเห็น Instagram หรือ Fb หยุดทำงาน

วิธีรวมฟีด Instagram หรือ Facebook เข้ากับ WordPress

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

นี่เป็นวิธีที่ดีหากคุณต้องการฝังเฉพาะโพสต์ที่หลากหลายหรือต้องการจัดการว่าโพสต์โซเชียลแต่ละรายการปรากฏบน WordPress อย่างไร อย่างไรก็ตาม คุณอาจต้องการฝังฟีด Fb หรือ Instagram บนหน้าเว็บของคุณ

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

วิธีนี้สามารถรักษาไซต์ของคุณให้ใหม่และน่าสนใจ แม้กระทั่งสำหรับคนทั่วไป

หากคุณต้องการฝังเนื้อหา Instagram ใน WordPress คุณสามารถใช้ปลั๊กอิน Smash Balloon Instagram Feed

An Instagram feed, created using Smash Balloon

ต้องการสร้างฟีดที่แสดงโพสต์ตำแหน่งบน Facebook ภาพยนตร์ บทวิจารณ์ และอื่นๆ ล่าสุดของคุณหรือไม่

จากนั้นคุณสามารถใช้ปลั๊กอิน Smash Balloon Fb Feed

Facebook reviews, embedded using Smash Balloon

ต้องการแทรกทั้งฟีด Fb และ Instagram ลงในเว็บไซต์ WordPress ของคุณหรือไม่? จากนั้นคุณอาจต้องการดู Smash Balloon Social Wall

ปลั๊กอินที่แข็งแกร่งนี้ช่วยให้คุณรวมฟีดใดๆ ที่คุณได้พัฒนาโดยทำงานร่วมกับปลั๊กอิน Smash Balloon เช่น Facebook, Twitter, ฟีด YouTube และอื่นๆ อีกมากมาย

Creating a social media wall using Facebook and Instagram

ตัวอย่างเช่น หากคุณได้ตั้งค่าปลั๊กอินฟีด Fb และฟีด Instagram แล้ว คุณสามารถไปที่ ฟีดโซเชียล » สร้างกำแพงโซเชียล ในแดชบอร์ด WordPress ของคุณ

ที่นี่ คุณจะเห็นฟีดต่างๆ ทั้งหมดที่คุณสร้างไว้อย่างมากมาย

How to create a social media wall using multiple feeds

ค้นหาทุกฟีดที่คุณต้องการเพิ่มในโซเชียลวอลล์

ตัวอย่างเช่น คุณสามารถผสมโพสต์จากบัญชี Instagram และ Fb ของคุณ

Combining Facebook and Instagram into a social wall

จากนั้น Little Balloon Social Wall จะสร้างรหัสย่อที่อนุญาตให้คุณรวมโซเชียลวอลล์เข้ากับหน้าเว็บ โพสต์ หรือพื้นที่ที่เตรียมวิดเจ็ตใดๆ

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการทำงานกับรหัสย่อ โปรดดูบทแนะนำของเราเกี่ยวกับวิธีเพิ่มรหัสย่อใน WordPress

Social media shortcode, created using the Smash Balloon plugin

ทันทีหลังจากใส่รหัสย่อ เพียงแค่อนุรักษ์หรือเผยแพร่การแก้ไขของคุณเพื่อให้ยังคงอยู่

ตอนนี้ หากคุณเยี่ยมชมเว็บไซต์อินเทอร์เน็ตของคุณ คุณจะเห็นวอลล์โซเชียลที่มีโพสต์ยอดนิยมทั้งหมดจากบัญชีและแพลตฟอร์มต่างๆ ของคุณ

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

หากคุณชอบบทความนี้ อย่าลืมสมัครรับข้อมูลวิดีโอคลิปการสอน WordPress Channel ของเรา นอกจากนี้คุณยังสามารถค้นพบเราได้ที่ Twitter และ Fb