Osadzanie treści z Facebooka i Instagrama w WordPress

Facebook i Instagram 24 października 2020 zrezygnowali z obsługi osadzonych treści w witrynach WordPress. Mówiąc konkretnie, aktualizacja interfejsu API usunęła obsługę nieuwierzytelnionych treści umieszczanych na Facebook i Instagram.

Najgorsze jest to, że ta zmiana działa wstecz, więc wszystkie osadzone przez Ciebie treści Facebook i Instagram na witrynie WordPress przestały działać. To wpłynęło na miliony witryn. Ale można temu zaradzić. Wraz z tym postem staniesz się programistą Facebook i stworzysz własną aplikację!

Sorry, this content could not be embedded.

Jeżeli widzisz komunikat Sorry, this content could not be embedded to oznacza, że Twoja strona WordPress nie posiada API z Facebook i Instagram. Nie możesz zatem udostępniać treści z Facebook i Instagram.

Sorry this content could not be embedded 1

Najlepszym sposobem przywrócenia osadzania treści z Facebook i Instagram jest stworzenie własnej aplikacji na Facebook Developers. W prosty sposób zrobisz to krok po kroku z poniższym poradnikiem:

Stwórz aplikację na Facebook

Zakładam, że masz konto na Facebook i jesteś zalogowany. Przejdź do Facebook Developer Apps. Jeżeli pierwszy raz tam zaglądasz, to będziesz musiał się zarejestrować jako Developer.

rejestracja facebook developer

Potwierdzasz informacje o sobie i kończysz prostą i darmową rejestrację.

rejestracja w facebook for developers 1

Następnie na Twoim ekranie pojawi się pusta strona z listą aplikacji. Teraz zaczynamy stworzenie aplikacji pozwalającej na udostępnianie treści Facebook i Instagram na WordPress

facebook lista aplikacji 1

Zaraz po kliknięciu Create App zostaniesz zapytany o rodzaj aplikacji. Wybierz Something Else i kliknij Continue

facebook apps something else

Następnie nadaj nazwę swojej aplikacji (np nazwa twojej strony www), podaj adres kontaktowy i kliknij Create App.

Z listy produktów wybierz oEmbed i kliknij Set Up

facebook wordpress oembed

Wyraź zgodę na używanie oEmbed i kliknij Confirm

confirm oembed

Aby otrzymać klucze API musisz wypełnić dane aplikacji. Minimalne wymagania to link do strony z Polityką Prywatności (mam nadzieję, że taką masz) oraz App Domains (czyli domena na której będziesz używać aplikację – domena, czyli bez www itd). Aby wypełnić dane aplikacji przejdź w menu po lewej stronie do Settings – Basic.

facebook app dane 1

Gdy tylko uzupełnisz dane swojej aplikacji kliknij Save Changes.

Używając przełącznika na górze ekranu który wyświetla “In Development” na Live.

fb app development
in development facebook app
oembed wordpress facebook app live

Ostatnim krokiem na stronie aplikacji Facebook jest skopiowanie App ID oraz APP Secret

app id secret

Mając te klucze, możesz przejść do połączenia aplikacji Facebook ze swoją stroną WordPress.

WordPress oEmbed Facebook i Instagram

Są dwa sposoby na dodanie kluczy API do WordPress. Najlepszy to wgranie ich do pliku wp-config.php. Możesz ten plik edytować za pomocą FTP lub w zależności jaki masz hosting dla WordPress w file manager. Blog kreatywni.co jest na hostingu Serwer.io i na tym przykładzie pokażę Tobie jak edytować plik bezpośrednio z panelu hostingowego.

Zacznij od zalogowania się do panelu, a następnie w widoku swojej domeny wybierz File Manager

plesk file manager 1

Jeżeli nie zmieniałeś katalogu instalacji swojej strony WordPress to będzie on w httpdocs. Jeżeli zmieniłeś folder instalacji to przejdź do głównego folderu Twojej strony WordPress, odszukaj plik wp-config.php i kliknij na niego raz aby otworzyć okno edycji pliku.

Do pliku wp-config.php wklej dwa wiersze kodu:

define('OEMBED_PLUS_FACEBOOK_APP_ID', '<Enter App ID Here>'); define('OEMBED_PLUS_FACEBOOK_SECRET', '<Enter Secret Here>');
Code language: JavaScript (javascript)

Ważne, aby je wkleić przed linijką

if ( ! defined( 'ABSPATH' ) )
Code language: JavaScript (javascript)

Następnie podmień dane używając swoich kluczy App ID oraz App Secret. Finalnie ten kod będzie wyglądał mniej więcej tak:

define('OEMBED_PLUS_FACEBOOK_APP_ID', '52327....20025'); define('OEMBED_PLUS_FACEBOOK_SECRET', '389d7........7fee5393');
Code language: JavaScript (javascript)

To koniec.

Druga metoda, to instalacja kolejnej wtyczki. Wygodniejsza dla osób, które nie mają pojęcia o edycji plików, logowaniu się do hostingu itd.

Dodaj do WordPress wtyczkę oEmbed Plus

Aktywuj ją a następnie przejdź do Settings – Writing w WordPress Dashboard. W tej zakładce są ustawienia wtyczki. Wypełnij pola App ID oraz App Secret używając kluczy aplikacji Facebook i zapisz zmiany.

oembed plus konfiguracja

I to tyle. Metoda ta jest bardzo prosta, natomiast jest to kolejna wtyczka, a jeżeli dbasz o prędkość działania Twojej strony WordPress to im mniej wtyczek tym lepiej.

Mam nadzieję, że poradnik oEmbed był pomocny! Udostępnij artykuł na swoim Facebook, pomożesz swoim znajomym ulepszyć ich stronę www.

You May Also Like
jak dodac analytics do wordpress
Czytaj Dalej

Jak dodać Google Analytics i nie spowolnić WordPress?

Wielu użytkowników WordPressa ma problem z dodaniem Google Analytics. Aby Ci w tym pomóc, pokażę Tobie jak stworzyć i dodać Google Analytics do WordPress, tak aby nie spowolnić działania strony i wyników w testach optymalizacji.
strefa klienta
Czytaj Dalej

Strefa klienta na stronie WordPress

Strefa klienta to coś znacznie więcej niż galeria klienta. Jest to experience... czyli doświadczenie, gdzie galeria jest jednym z elementów.