Bài đăng từ instagram đến wordpress

Nếu đã từng nhúng nội dung Facebook hoặc Instagram vào website WordPress thì bài viết này chính là dành cho bạn

Vào ngày 24/10/2020, Facebook và Instagram đã chính thức tiếp tục hỗ trợ cho các oEmbed không xác định. Điều này có nghĩa là bạn không thể tự động nhúng nội dung từ Facebook và Instagram (bao gồm trạng thái, video, hình ảnh,…) vào trang web WordPress bằng cách sao chép – dán liên kết như trước đây nữa.

Tuy nhiên, bạn cũng không cần phải quá lo lắng. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách khắc phục lỗi oembed Facebook và Instagram trong WordPress, để nội dung nhúng của bạn tiếp tục hoạt động như cũ ban đầu

Mục Lục

1. 1. Điều gì sẽ xảy ra khi Facebook và Instagram tiếp tục hỗ trợ oEmbed?
2. 2. Cần làm gì để khắc phục lỗi oEmbed của Facebook và Instagram?
   1. 2. 1. Sử dụng plugin oEmbed Plus
      1. Bước 1. Cài đặt và kích hoạt plugin oEmbed Plus
      2. Bước 2. Tạo ID ứng dụng mới trên trang Facebook for Developers
      3. Bước 3. Nhập ID ứng dụng vào phần cài đặt của plugin oEmbed Plus
   2. 2. 2. Sử dụng plugin Social Post Feed và Social Photo Feed của Smash Balloon
      1. Bước 1. Cài đặt và kích hoạt plugin
      2. Bước 2. Kết nối với Facebook và cho phép bật tính năng nhúng nội dung
   3. 2. 3. Sử dụng plugin Jetpack

1. Điều gì sẽ xảy ra khi Facebook và Instagram tiếp tục hỗ trợ oEmbed?

Trước đây, bạn chỉ cần dán liên kết để nhúng nội dung từ Facebook hoặc Instagram lên trang web. Sau đó, WordPress sẽ lấy URL đó và tự động biến nó thành một tệp nhúng với hình ảnh hiển thị đẹp mắt. Tuy nhiên, kể từ ngày 24/10/2020, điều này sẽ không còn khả thi nữa

Từ ngày 24/10, nếu bạn nhúng bất kỳ nội dung nào từ Facebook hoặc Instagram vào WordPress thì chúng sẽ bị hỏng và trông giống như thế này

Ngoài ra, dù chưa khẳng định chắc chắn 100% nhưng sau sự thay đổi này, các nội dung mà bạn đã từng nhúng trước đó cũng có nhiều khả năng sẽ gặp phải lỗi hiển thị

2. Cần làm gì để khắc phục lỗi oEmbed của Facebook và Instagram?

Tại sao phải làm gì khi tính năng nhúng Facebook và Instagram tiếp tục hoạt động?

Dưới đây là 3 giải pháp “cứu nguy” đơn giản dành cho bạn

• Sử dụng plugin oEmbed Plus
• Sử dụng plugin Social Post Feed (dùng cho Facebook) và Social Photo Feed (dùng cho Instagram) của Smash Balloon
• Sử dụng plugin Jetpack

2. 1. Sử dụng plugin oEmbed Plus

Plugin oEmbed Plus

Sử dụng plugin oEmbed Plus sẽ giúp phục hồi quá trình nhúng nội dung từ Facebook hoặc Instagram lên website WordPress. oEmbed Plus request phiên bản PHP 7. 3 trở lên để hoạt động. Nếu máy chủ lưu trữ WordPress hiện tại của bạn không hỗ trợ phiên bản PHP 7. 3+, chúng tôi khuyên bạn nên tìm kiếm dịch vụ lưu trữ mới

Xem thêm bài viết “Cách chuyển website WordPress sang Server hoặc Host mới”

Ngoài ra, cần lưu ý, nếu muốn sử dụng oEmbed Plus, bạn bắt buộc phải có tài khoản nhà phát triển trên trang Facebook for Developers. Để đăng ký tài khoản nhà phát triển, bạn có thể tham khảo thêm các hướng dẫn của Facebook tại đây

Sau khi đăng ký xong, hãy tiến hành cài đặt và sử dụng plugin oEmbed Plus theo các bước hướng dẫn chi tiết sau

Bước 1. Cài đặt và kích hoạt plugin oEmbed Plus

Đây là một plugin miễn phí nên bạn có thể dễ dàng tìm kiếm và cài đặt nó từ kho ứng dụng của WordPress. Sau đây là hướng dẫn nhanh để cài đặt oEmbed Plus dành cho bạn

1. Tại khu vực Dashboard của WordPress, click vào menu Plugin -> Add new
2. Gõ cụm từ “oEmbed Plus” vào ô tìm kiếm
3. Trong danh sách các plugin hiển thị, chọn oEmbed Plus và nhấp vào nút “Cài đặt ngay bây giờ” để tiến hành cài đặt

1. Sau khi plugin được cài đặt xong, tiếp tục nhấp vào “Active Plugin” để kích hoạt oEmbed Plus

Bước 2. Tạo ID ứng dụng mới trên trang Facebook for Developers

1. Truy cập vào trang Facebook for Developers. Đăng nhập vào tài khoản đã tạo trước đó. Sau đó nhấp vào nút “Tạo ứng dụng” để tạo 1 ứng dụng mới

1. Hệ thống hiển thị một bảng với tên gọi “Tạo ứng dụng”. Chọn “Cái gì đó khác” và nhấp vào nút “Tiếp tục” để tiếp tục

1. Điền tên ứng dụng vào mục “Tên hiển thị ứng dụng” và email liên lạc của bạn vào mục “Email liên hệ ứng dụng”. Sau đó nhấp vào nút “Tạo ứng dụng”

Trong ví dụ bên dưới, chúng tôi đặt tên ứng dụng là “oEmbed”, nhưng bạn có thể thay đổi tên gọi theo ý mình

1. Trên trang Facebook for Developers, kéo chuột xuống dưới cùng và nhấp chọn vào nút “Thiết lập” ở mục oEmbed (tên ứng dụng vừa đặt)

1. Hệ thống hiển thị bảng thông báo yêu cầu xác nhận. Đánh dấu chọn “Tôi đồng ý rằng bất kỳ dữ liệu nào tôi nhận được…” rồi nhấp vào nút “Xác nhận” để tiến hành xác nhận

1. Trong giao diện quản trị ứng dụng, nhấp vào mục Cài đặt -> Cơ bản
2. You need to fill full information into the following items

• URL chính sách bảo mật. Điền link website của bạn
• Loại. Trong này có các mục như. tin tức, giáo dục, mua sắm,… Bạn có thể lựa chọn một mục bất kỳ sao cho phù hợp nhất với website của mình
• Mục đích của ứng dụng. Nhấp vào chọn "Chính bạn hoặc doanh nghiệp của riêng bạn"

Cuối cùng, nhấp vào nút “Lưu thay đổi” để lưu lại thông tin

Ngoài ra, cần sao chép thông tin ID ứng dụng và Bí mật ứng dụng để điền vào mục “Cài đặt nhúng Facebook và Instagram” ở bước sau

1. Ứng dụng ID ứng dụng phía trên thanh, nhấp vào biểu tượng công tắc để chuyển nó từ trạng thái “Đang phát triển” sang “Trực tiếp”

Bước 3. Nhập ID ứng dụng vào phần cài đặt của plugin oEmbed Plus

1. Quay trở lại trang quản trị WordPress, chọn Cài đặt -> Viết

1. Trên giao diện “Cài đặt viết”, kéo xuống phần Cài đặt nhúng Facebook và Instagram. Sau đó, điền App ID và App Secret (đã được cấp trên trang Facebook for Developer trước đó). Cuối cùng, nhấp vào nút “Save Changes” để lưu lại

xong. Bây giờ bạn chỉ cần sao chép-dán liên kết để nhúng nội dung Facebook hoặc Instagram như bình thường là được

2. 2. Sử dụng plugin Social Post Feed và Social Photo Feed của Smash Balloon

Vì vậy, với oEmbed Plus thì Social Post Feed và Social Photo Feed có cách sử dụng đơn giản hơn nhiều. Với hai plugin này của Smash Balloon, bạn không cần phải trải qua quá trình đăng ký tài khoản nhà phát triển của Facebook hoặc tạo ứng dụng ID mà vẫn có thể giải quyết được sự cố oEmbed

Social Post Feed là plugin được sử dụng để nhúng bài viết từ Facebook lên trang web WordPress. Trong khi đó, Social Photo Feed lại cho phép nhúng nội dung từ Instagram lên WordPress

Cách cài đặt và sử dụng của 2 plugin này tương đối giống nhau nên ở đây chúng tôi sẽ chỉ đưa ra hướng dẫn đối với Social Post Feed (dành cho Facebook). Còn Social Photo Feed thì cũng sẽ tương tự

Dưới đây là các bước thực hiện

Bước 1. Cài đặt và kích hoạt plugin

Tương tự như plugin oEmbed Plus, bạn có thể tìm thấy Social Post Feed trong kho ứng dụng WordPress và tiến trình cài đặt, kích hoạt một cách dễ dàng

Bước 2. Kết nối với Facebook và cho phép bật tính năng nhúng nội dung

1. Trên giao diện quản trị WordPress, chọn mục “Nguồn cấp dữ liệu Facebook” -> “ oEmbeds”. Sau đó, nhấp vào nút “Connect to Facebook and Enable oEmbeds” để cho phép nhúng nội dung Facebook lên trang WordPress

1. Hệ thống trả về trang Facebook và hiển thị thông báo yêu cầu cho phép Smash Balloon kết nối với Facebook. Click vào nút “Continue as…. ” to continue

1. Chọn trang Facebook mà bạn muốn kết nối với plugin Smash Balloon (không thể nhấp vào lựa chọn cũng được). Sau đó nhấp vào nút “Tiếp theo”

1. Select “Done” to complete

Do that is too the end of the connection. Giờ đây, bạn có thể nhúng bất kỳ nội dung nào trên Facebook lên trang web WordPress chỉ bằng cách sao chép – dán liên kết. It's đơn giản, không đúng nào?

2. 3. Sử dụng plugin Jetpack

Plugin Jetpack 9. 0 đã được tích hợp tính năng nhúng Facebook và Instagram

Trong 3 cách khắc phục lỗi oEmbed Facebook và Instagram thì sử dụng plugin Jetpack là phương pháp đơn giản, nhanh chóng nhất. Đối chiếu với phiên bản Jetpack 9. 0, nhóm phát triển đã làm việc với Facebook để đảm bảo người dùng có thể nhúng nội dung vào Facebook và Instagram chỉ bằng cách sao chép – dán liên kết giống như trước đây

Do đó, nếu bạn đang sử dụng Jetpack phiên bản cũ, hãy cập nhật plugin lên phiên bản 9. 0+ ngay. Còn nếu chưa cài đặt Jetpack thì tất cả những gì bạn cần làm là kết nối trang web WordPress của mình với plugin này. Và sau đó, bạn có thể nhúng nội dung dễ dàng như ban đầu

Cách cài đặt và kết nối với Jetpack rất đơn giản. Hướng dẫn các bước đã từng được tôi đề cập đến trong bài viết “Hướng dẫn chi tiết cách đăng bài từ Google Docs lên WordPress”. Bạn có thể tham khảo thêm nếu chưa biết cách thực hiện

Hy vọng rằng bài viết trên đây của chúng tôi đã giúp bạn biết cách giải quyết lỗi oEmbed của Facebook và Instagram trong WordPress. Chúc bạn thành công