Hướng dẫn sửa lỗi khi nhúng link từ Facebook và Instagram vào website WordPress

Bạn đã biết tin gì chưa? Từ ngày 24/10/2020, người dùng sẽ không thể nhúng link từ Facebook và Instagram vào website WordPress bằng cách copy và paste link như bình thường được nữa. Đó là vì WordPress đã quyết định xóa tính năng nhúng link từ hai mạng xã hội này đi.

Điều này sẽ gây ra một rắc rối lớn cho người dùng WordPress bởi vì nội dung trong tất cả các link được nhúng từ Facebook và Instagram trước đó sẽ không được hiển thị, và việc tìm kiếm để xóa và sửa chữa chúng sẽ tốn cực kỳ nhiều thời gian. Nhưng đừng lo, mình sẽ chỉ cho bạn cách khắc phục vấn đề này ngay sau đây!

Đầu tiên, chúng ta hãy cùng đi tìm hiểu nguồn cơn của tất cả những rắc rối này nhé!

Facebook và Instagram ngừng hỗ trợ việc nhúng link vào WordPress

Thông thường, khi bạn dán một link từ Facebook và Instagram vào một trang / bài đăng, nó sẽ tự động được chuyển thành nội dung dưới dạng nhúng, hay còn được gọi là oEmbed ( link nhúng).

Nhúng link Facebook và Instagram vào post editor của website WordPress
Nhúng link vào trong post editor
Nội dung link Facebook và Instagram được hiển thị ra ngoài front end của website WordPress
Nội dung của link được hiển thị ra ngoài front end

Tuy nhiên, Facebook và Instagram đã thay đổi chính sách API của họ và dừng hỗ trợ các oEmbed chưa được xác thực. Từ ngày 24/10/2020, họ sẽ yêu cầu người dùng tạo một tài khoản developer, đăng ký một app và lấy client token (mã thông báo khách hàng) để có thể tiếp tục được nhúng link từ Facebook và Instagram. 

Các thay đổi này gây ra nhiều khó khăn cho đội ngũ developer của WordPress trong việc phát triển các dự án mới, vậy nên họ quyết định xóa bỏ tính năng nhúng link từ Facebook và Instagram. Điều này có nghĩa là tất cả link được nhúng vào WordPress từ hai mạng xã hội này cả trước và sau ngày 24/10 đều sẽ bị chuyển thành dạng liên kết thuần (không hiển thị nội dung). 

Facebook và Instagram ngừng hỗ trợ việc nhúng link vào WordPress
Các link Facebook và Instagram bị chuyển thành dạng liên kết thuần

Điều này nghe không vui chút nào, nhất là đối với những người làm website. Hãy tưởng tượng vào một ngày đẹp trời, bạn thức dậy, mở website của mình lên và đập ngay vào mắt là hàng đống link bị lỗi, đó thực sự sẽ là một thảm họa đúng không nào? Vậy nên hãy chuyển ngay sang phần sau để biết cách khắc phục vấn đề này nhé!

Cách nhúng và sửa các link đã nhúng từ Facebook và Instagram bằng plugin

Nơi đâu có cung thì nơi đó có cầu, để đáp ứng nhu cầu nhúng link Facebook và Instagram vào website WordPress, một số plugin đã ngay lập tức được tạo ra hoặc cập nhật thêm tính năng mới để sửa lỗi này. Điển hình có thể kể đến như Jetpack, Smash Balloon Social Photo Feed (dành cho Instagram), Smash Balloon Social Post Feed (dành cho Facebook), oEmbed Plus.

Việc dùng plugin Jetpack để sửa lỗi cực kỳ đơn giản, sau khi cài đặt, tính năng sửa Facebook và Instagram oEmbed sẽ tự động chạy và bạn không cần làm gì cả. Do đó, mình sẽ chỉ hướng dẫn bạn dùng 3 plugin còn lại thôi nhé! (Nếu đây là lần đầu tiên bạn dùng Jetpack, hãy tham khảo bài viết này để biết cách thiết lập và sử dụng Jetpack).

Tất cả plugin mình giới thiệu trong bài này đều miễn phí và có sẵn trên wordpress.org, bạn chỉ cần cài đặt và kích hoạt plugin ngay trên Admin Dashboard như bình thường. Sau khi cài đặt và làm theo một số bước tùy chỉnh plugin dưới đây, các link Facebook và Instagram bị lỗi trên website của bạn sẽ được sửa, và bạn có thể nhúng link bằng cách copy và paste như bình thường. Sau đây là hướng dẫn cụ thể cho từng plugin:

Sửa lỗi nhúng link Facebook bằng plugin Smash Balloon Social Post Feed

Nếu bạn dùng plugin Smash Balloon Social Post Feed, bạn sẽ cần tìm tới mục Facebook Feed > oEmbeds nhấn Connect to Facebook and Enable oEmbeds để kết nối với tài khoản Facebook và lấy access token (mã truy cập). 

Sửa lỗi nhúng link Facebook bằng plugin Smash Balloon Social Post Feed

Lưu ý rằng mã truy cập này chỉ có thời hạn 60 ngày nếu bạn kết nối với tài khoản Facebook cá nhân. Sau 60 ngày, bạn cần vào Facebook Feed > oEmbeds và nhấn Connect to Facebook and Recheck Access Token để tái kích hoạt mã. Nếu muốn bỏ qua thủ tục rắc rối này, bạn có thể kết nối với tài khoản có vai trò quản trị một group / page để nhận được mã truy cập không bao giờ hết hạn.

kết nối với tài khoản có vai trò quản trị một group / page Facebook để nhận được mã truy cập không bao giờ hết hạn.

Sửa lỗi nhúng link Instagram bằng plugin Smash Balloon Social Photo Feed

Đối với plugin Smash Balloon Social Photo Feed, bạn cũng làm tương tự bằng cách vào mục Instagram Feed > oEmbeds nhấn Enable Instagram oEmbeds để kết nối với tài khoản Instagram. Tuy nhiên, Instagram sẽ không yêu cầu bạn tái kích hoạt mã truy cập.

Sửa lỗi nhúng link Instagram bằng plugin Smash Balloon Social Photo Feed

Sửa lỗi nhúng link Facebook và Instagram bằng plugin oEmbed Plus

Ba plugin kể trên còn có nhiều tính năng khác không liên quan đến nhúng link. Nếu bạn không cần sử dụng tới các tính năng đó thì có thể lựa chọn một plugin chuyên dụng chỉ cho mục đích này là oEmbed Plus.

Để sử dụng plugin oEmbed Plus, bạn cần đăng ký một Facebook app và kích hoạt tính năng oEmbed theo hướng dẫn sau:

Bước 1: Truy cập developer.facebook.com, đăng nhập bằng một tài khoản Facebook, sau đó vào My Apps, nhấn Create App để tạo một app mới.

Sửa lỗi nhúng link Facebook và Instagram bằng plugin oEmbed Plus

Trong hộp thoại Create an App, hãy điền vào tên app (bất cứ tên nào mà bạn muốn), email của bạn sau đó nhấn Create App.

Tạo một App Facebook để nhúng link

Bước 2: Sau khi tạo đã tạo app thành công, tính năng oEmbed sẽ mặc định được cài đặt sẵn trong danh mục My Products của bạn.

Bật tính năng oEmbed của Facebook

Tiếp theo, bạn cần vào Settings > Basic để lấy 2 đoạn mã App IDApp Secret.

Lấy App ID và App Secret của Facebook

Bước 3: Quay trở lại website của bạn, vào phần Settings > Writing trên Admin Dashboad, tìm tới mục Facebook and Instagram Embed Settings. Sau đó copy và paste hai đoạn mã App IDApp Secret vừa lấy được vào đây rồi ấn Save Changes để lưu lại.

Bật tính nanwgg sửa lỗi nhúng link từ Facebook và Instagram vào website WordPress

Sau khi thực hiện xong các bước trên, tính năng oEmbed trên website WordPress của bạn sẽ được khôi phục, bạn có thể nhúng link Facebook và Instagram như bình thường.

Đây là các link Facebook và Instagram được nhúng vào website WordPress của mình trước khi dùng plugin để sửa lỗi:

Link được nhúng từ Facebook và Instagram vào website WordPress bị lỗi

Và đây là kết quả sau khi sử dụng plugin:

Link được nhúng từ Facebook và Instagram vào website WordPress đã được sửa lỗi

Bạn thấy đấy, các link đã được sửa và người dùng có thể xem được nội dung bên trong rồi!

Lời cuối

Việc khắc phục sự cố oEmbed vô cùng đơn giản và nhanh chóng. Tuy nhiên, không phải chủ website nào cũng biết tới vấn đề này để đưa ra giải pháp kịp thời, nhất là đối với những người không thường xuyên cập nhật tin tức. Vậy nên đừng quên chia sẻ thông tin này tới các chủ website mà bạn biết nhé!

Để lại bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *