วิธีแก้ไขลิงก์ฝังตัวของ Facebook และ Instagram ใน WordPress

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

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

อันดับแรก หาสาเหตุของปัญหาเหล่านี้กันก่อน!

Facebook และ Instagram หยุดสนับสนุน WordPress oEmbed

โดยปกติ เมื่อคุณวางลิงก์ Facebook หรือ Instagram ลงในโพสต์/เพจ ลิงก์นั้นจะถูกแปลงเป็นเนื้อหาที่ฝังโดยอัตโนมัติ หรือที่เรียกว่า oEmbed (ลิงก์แบบฝัง)

ฝังลิงก์ในเครื่องมือแก้ไขโพสต์

เนื้อหาลิงก์จะแสดงที่ส่วนหน้า

อย่างไรก็ตาม Facebook และ Instagram ได้เปลี่ยนนโยบาย API และยกเลิกการสนับสนุน oEmbed ที่ไม่ผ่านการตรวจสอบสิทธิ์ ตั้งแต่วันที่ 24/10/2020 ในการฝังลิงก์จาก Facebook และ Instagram ผู้ใช้ต้อง สร้างบัญชีนักพัฒนา ลงชื่อสมัครใช้แอป และรับโทเค็นไคลเอ็นต์

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

ลิงก์ฝัง Facebook และ Instagram จะกลายเป็นข้อความธรรมดา

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

วิธีแก้ไขลิงก์ฝัง Facebook และ Instagram โดยใช้ Plugin

เพื่อตอบสนองความต้องการของผู้ใช้ ปลั๊กอินบางตัวเพิ่งได้รับการเผยแพร่หรืออัปเดตด้วยคุณสมบัติใหม่เพื่อแก้ไขปัญหา oEmbed นี้ เช่น Jetpack, Smash Balloon Social Photo Feed (สำหรับ Instagram), Smash Balloon Social Post Feed (สำหรับ Facebook) และ oEmbed Plus .

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

หากคุณไม่ต้องการใช้ Jetpack ให้ลองใช้ปลั๊กอินอื่น ๆ ที่เรากล่าวถึง

Smash Balloon Social Photo Feed, Smash Balloon Social Post Feed และปลั๊กอิน oEmbed Plus นั้นฟรีและพร้อมใช้งานบน wordpress.org คุณเพียงแค่ต้องติดตั้งและเปิดใช้งานบน Admin Dashboard ตามปกติ หลังจากติดตั้งและปรับแต่งปลั๊กอินตามด้านล่างแล้ว ปัญหา oEmbed ของ Facebook และ Instagram บนเว็บไซต์ WordPress ของคุณจะได้รับการแก้ไข และคุณสามารถฝังลิงก์ได้โดย การคัดลอกและวาง ลิงก์ ตามปกติ ต่อไปนี้เป็นคำแนะนำเฉพาะสำหรับปลั๊กอินแต่ละตัว:

แก้ไข Facebook Embeds โดยใช้ปลั๊กอินฟีดโพสต์โซเชียล Smash Balloon

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

โปรดทราบว่าหากคุณเชื่อมต่อกับบัญชี Facebook ส่วนบุคคล โทเค็นการเข้าถึงจะมีอายุ 60 วันเท่านั้น หลังจาก 60 วัน ไปที่ Facebook Feed > oEmbeds แล้วคลิก Connect to Facebook และตรวจสอบ Access Token อีกครั้ง อย่างไรก็ตาม ขั้นตอนนั้นค่อนข้างซับซ้อน เพื่อประหยัดเวลา คุณสามารถเชื่อมต่อกับบัญชีผู้ดูแลระบบของกลุ่ม / เพจเพื่อรับโทเค็นการเข้าถึงที่ไม่มีวันหมดอายุ

แก้ไขการฝัง Instagram โดยใช้ Smash Balloon Social Photo Feed Plugin

สำหรับปลั๊กอิน Smash Balloon Social Photo Feed ให้ทำเช่นเดียวกันกับด้านบน ไปที่ Instagram Feed > oEmbeds แล้วคลิก Enable Instagram oEmbeds เพื่อแก้ไขปัญหา อย่างไรก็ตาม Instagram ไม่ต้องการให้คุณตรวจสอบโทเค็นเพื่อการเข้าถึงอีกครั้ง

แก้ไข Facebook และ Instagram Embeds โดยใช้ oEmbed Plus

ปลั๊กอินสามตัวด้านบนมีคุณสมบัติอื่นๆ มากมายที่ไม่เกี่ยวข้องกับการแก้ไข oEmbed หากคุณไม่ต้องการคุณสมบัติที่ไม่เกี่ยวข้องเหล่านี้ ให้ลองใช้ปลั๊กอินเฉพาะตัวอื่น - oEmbed Plus

ในการใช้ปลั๊กอิน oEmbed Plus คุณต้องลงทะเบียนสำหรับแอพ Facebook และเปิดใช้งานคุณสมบัติ oEmbed ดังนี้:

ขั้นตอนที่ 1 : ไปที่ developer.facebook.com เชื่อมต่อกับบัญชี Facebook หลังจากนั้น ไปที่ส่วน แอปของฉัน แล้วคลิก สร้างแอป

ในกล่องโต้ตอบ สร้างแอป ให้ป้อนชื่อแอป (ชื่ออะไรก็ได้ที่คุณต้องการ) และอีเมลของคุณ จากนั้นคลิก สร้างแอป

ขั้นตอนที่ 2 : หลังจากสร้างแอปแล้ว ฟีเจอร์ oEmbed จะเปิดใช้งานตามค่าเริ่มต้น ซึ่งอยู่ในส่วน ผลิตภัณฑ์ของฉัน

ถัดไป ไปที่ การ ตั้งค่า > พื้นฐาน เพื่อรับ App ID และ App Secret

ขั้นตอนที่ 3 : ย้อนกลับเว็บไซต์ WordPress ของคุณบน Admin Dashboard ไปที่ Settings > Writing > Facebook and Instagram Embed Settings จากนั้น คัดลอกและวาง App ID และ App Secret ลงในส่วนนี้ แล้วคลิก บันทึกการเปลี่ยนแปลง

หลังจากทำตามขั้นตอนข้างต้นแล้ว ฟีเจอร์ oEmbed บนไซต์ WordPress ของคุณจะถูกกู้คืน ตอนนี้คุณสามารถฝังลิงก์ Facebook และ Instagram ได้ตามปกติ

ตัวอย่างเช่น นี่คือลิงก์ Facebook และ Instagram ที่ฝังอยู่ในเว็บไซต์ WordPress ของฉัน ก่อนที่ฉันจะใช้ปลั๊กอินเพื่อแก้ไขปัญหา:

และนี่คือผลลัพธ์หลังจากแก้ไขปัญหา:

อย่างที่คุณเห็น ลิงก์ได้รับการแก้ไขและแสดงเนื้อหา

คำสุดท้าย

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

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

นอกจากนี้ คุณอาจชอบบทความของเราเกี่ยวกับวิธีแก้ไขการแสดงโพสต์บน Facebook โดยใช้ Facebook Debugger