Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak naprawić problem z oEmbed na Facebooku i Instagramie w WordPressie

Blok oEmbed lub Embed w WordPress nie działa już dla Instagrama ani Facebooka.

Oznacza to, że jeśli wcześniej używałeś tego bloku do dodawania treści z mediów społecznościowych, teraz możesz zobaczyć błędy lub brakujące sekcje na swojej stronie.

Naprawienie tego problemu jest kluczowe dla doskonałego doświadczenia użytkownika. Widzieliśmy wiele stron, które ignorują zepsute bloki osadzania, co skutkuje niechlujnym projektem. Może to zdezorientować czytelników i zaszkodzić Twojemu ruchowi.

W tym przewodniku pokażemy Ci, jak łatwo naprawić problem z osadzaniem treści z Facebooka i Instagrama, aby odwiedzający mogli cieszyć się treściami społecznościowymi na Twojej stronie WordPress.

Jak naprawić problem z oEmbed na Facebooku i Instagramie w WordPressie

Czym jest problem oEmbed z Facebookiem i Instagramem w WordPressie?

W przeszłości można było łatwo osadzać posty z Instagrama i Facebooka w WordPressie za pomocą protokołu oEmbed.

Jednak Facebook zmienił sposób działania funkcji oEmbed, więc nie można już łatwo osadzać filmów, zdjęć, aktualizacji i innych treści z Facebooka lub Instagrama.

Zamiast tego musisz teraz zarejestrować aplikację i użyć tokena klienta, aby uzyskać dane z Facebook Graph API, zanim będziesz mógł osadzić treści z Facebooka lub Instagrama na swojej stronie WordPress.

Zajęłoby to dużo czasu i wysiłku, dlatego osoby stojące za WordPressem postanowiły usunąć funkcje osadzania treści z Facebooka i Instagrama.

Jeśli wcześniej dodawałeś treści z Facebooka do swojej witryny za pomocą oEmbed, będą one teraz wyglądać mniej więcej tak, jak na poniższym obrazku.

Przykład błędu oEmbed w WordPress

Jeśli dodasz jakiekolwiek posty z Instagrama za pomocą oEmbed, otrzymasz podobny błąd, ponieważ token dostępu jest teraz wymagany.

Istnieją sposoby na ręczne rozwiązanie problemu. Na przykład, możesz przejść przez każdą stronę i wpis i usunąć osadzoną treść. Może to jednak zająć dużo czasu i nie ma gwarancji, że uda Ci się znaleźć każde uszkodzone osadzenie.

Mając to na uwadze, zobaczmy, jak możesz łatwo naprawić problem z osadzaniem Facebook i Instagram na WordPress.

Jak naprawić problem z oEmbed na Facebooku i Instagramie

Najłatwiejszym sposobem na naprawienie problemu z oEmbed jest użycie jednego z darmowych wtyczek Smash Balloon.

Jeśli chcesz osadzić posty z Instagrama w WordPressie, będziesz potrzebować wtyczki Smash Balloon Social Photo Feed.

Post na Instagramie, osadzony na stronie WordPress

W międzyczasie, jeśli chcesz osadzić post z Facebooka w WordPressie, możesz zamiast tego użyć darmowej wtyczki Smash Balloon Social Post Feed.

Przetestowaliśmy wszystkie narzędzia SmashBalloon i okazały się one najbardziej przyjaznym dla użytkownika sposobem na osadzanie kanałów mediów społecznościowych. Aby dowiedzieć się więcej, zapoznaj się z naszą szczegółową recenzją Smash Balloon.

Najpierw musisz zainstalować i aktywować potrzebną wtyczkę. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Po zainstalowaniu dowolnej wtyczki przejdź do sekcji Instagram Feed » oEmbeds lub Facebook Feed » oEmbeds, w zależności od używanej wtyczki.

Używamy wtyczki Social Photo Feed na wszystkich naszych zrzutach ekranu, ale kroki będą dokładnie takie same, niezależnie od używanej wtyczki.

Włączanie funkcji oEmbed dla Instagrama i Facebooka

Na tym ekranie po prostu kliknij przycisk „Włącz”, który odpowiada Twoim potrzebom.

To wszystko. Możesz teraz osadzać posty z Facebooka i Instagrama na swojej stronie WordPress.

Jak osadzić posty z Instagrama lub Facebooka w WordPressie

Po włączeniu funkcji oEmbed za pomocą preferowanej wtyczki Smash Balloon, możesz osadzać konkretne posty z Instagrama lub Facebooka na dowolnej stronie, poście lub obszarze gotowym na widżety.

Na przykład, możesz dodać ją do stopki na swojej stronie WordPress.

Jedną z opcji jest otwarcie strony lub posta, na którym chcesz wyświetlić treści społecznościowe, w edytorze Gutenberg. Następnie kliknij ikonę „Dodaj blok” (+) i wpisz „Osadź”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony lub posta.

Dodawanie bloku osadzania do strony lub wpisu WordPress

W polu „Osadź” po prostu wklej adres URL posta na Instagramie lub Facebooku, który chcesz wyświetlić na swojej stronie internetowej.

Następnie kliknij „Osadź”.

Osadzanie posta z Instagrama w WordPressie

WordPress wyświetli teraz ten konkretny post. Gdy będziesz gotowy, aby opublikować post, po prostu kliknij „Aktualizuj” lub „Opublikuj”.

Teraz, gdy odwiedzisz stronę, zobaczysz post z mediów społecznościowych na żywo.

Przykład posta na Instagramie w WordPressie

Inną opcją jest dodanie posta z Instagrama lub Facebooka do obszaru gotowego na widżety, takiego jak pasek boczny. W ten sposób możesz promować ten sam post na każdej stronie Twojej witryny.

Na przykład możesz osadzić swój najpopularniejszy post na Instagramie, post promujący wyprzedaż lub konkurs w mediach społecznościowych, którego używasz do rozwoju swojej witryny.

Dodawanie posta z Instagrama do obszaru gotowego na widżety, takiego jak pasek boczny WordPressa

Aby dodać post z Facebooka lub Instagrama do obszaru gotowego na widżety, przejdź do Wygląd » Widżety i kliknij niebieski przycisk „+”.

W pasku wyszukiwania musisz wpisać „Osadź”, aby znaleźć odpowiedni blok.

Osadzanie bloku Embed w WordPress

Gdy pojawi się blok „Osadź”, przeciągnij go na obszar, w którym chcesz wyświetlić post z Facebooka lub Instagrama. Na przykład, wyświetlamy zdjęcie z Instagrama w widżecie paska bocznego WordPressa.

W polu „Osadź” po prostu wklej adres URL posta na Instagramie lub Facebooku, który chcesz wyświetlić na swojej stronie internetowej. Następnie kliknij „Osadź”.

Osadzanie zdjęcia z Instagrama na Instagramie

WordPress wyświetli teraz ten konkretny post.

Jeśli jesteś zadowolony z wyglądu, kliknij „Aktualizuj”, aby opublikować.

Osadzanie posta z Instagrama w WordPressie

Teraz zobaczysz post na Instagramie lub post statusowy na Facebooku na swojej stronie WordPress.

Jak dodać kanał z Instagrama lub Facebooka do WordPress

Darmowe wtyczki Smash Balloon ułatwiają dodawanie postów z Facebooka i Instagrama do Twojej strony internetowej WordPress.

Jest to świetne rozwiązanie, jeśli chcesz osadzić tylko niewielką liczbę postów lub dokładnie kontrolować, gdzie każdy post społecznościowy pojawia się w WordPressie. Możesz jednak również chcieć osadzić niestandardowy kanał Facebooka lub kanał Instagrama na swojej stronie internetowej.

Tworząc kanał, możesz wyświetlać wszystkie swoje najnowsze posty w ładnym układzie. Co więcej, kanał będzie aktualizowany automatycznie, dzięki czemu odwiedzający zawsze zobaczą najnowsze posty, bez konieczności ręcznego aktualizowania witryny.

Może to sprawić, że Twoja strona będzie świeża i interesująca, nawet dla regularnych odwiedzających.

Jeśli chcesz osadzić treści z Instagrama w WordPressie, możesz użyć wtyczki Smash Balloon Instagram Feed.

Kanał Instagrama, utworzony za pomocą Smash Balloon

Chcesz stworzyć kanał pokazujący Twoje albumy na Facebooku, filmy, posty z osi czasu i więcej?

Następnie możesz użyć wtyczki Smash Balloon Facebook Feed.

Recenzje z Facebooka, osadzone za pomocą Smash Balloon

Chcesz dodać kanały Facebooka i Instagrama do swojej strony WordPress? W takim razie możesz przyjrzeć się Smash Balloon Social Wall.

Ten potężny plugin pozwala na łączenie dowolnych kanałów, które utworzyłeś za pomocą pluginów Smash Balloon, w tym Facebook, Twitter, Smash Balloon YouTube Feed i inne.

Tworzenie ściany mediów społecznościowych przy użyciu Facebooka i Instagrama

Na przykład, jeśli skonfigurowałeś wtyczki Facebook Feed i Instagram Feed, możesz po prostu przejść do Kanały społecznościowe » Utwórz ścianę społecznościową w swoim panelu WordPress.

Następnie kliknij „Dodaj nowy”.

Tworzenie ściany społecznościowej za pomocą Smash Balloon

Dla każdej platformy mediów społecznościowych, którą chcesz dodać, kliknij „Dodaj do ściany”.

Zobaczysz teraz wszystkie różne kanały mediów społecznościowych utworzone dla tej platformy. Po prostu zaznacz przycisk radiowy obok każdego kanału, którego chcesz użyć.

Dodawanie wielu sieci społecznościowych do kanału WordPress

Na przykład, możesz połączyć najnowsze posty z Twojego kalendarza Wydarzeń na Facebooku oraz Twojego konta na Instagramie.

Po wykonaniu tej czynności kliknij „Utwórz ścianę”.

Otworzy to edytor Smash Balloon, gdzie możesz dopracować każdą część ściany społecznościowej. Na przykład możesz zmienić schemat kolorów, aby idealnie pasował do Twojego motywu WordPress.

Dodawanie Facebooka i Instagrama do ściany społecznościowej

Kiedy będziesz zadowolony z wyglądu ściany społecznościowej, możesz dodać ją do dowolnej strony, posta lub obszaru gotowego na widżety, używając bloku Ściana Społecznościowa.

Na przykład, aby dodać ścianę mediów społecznościowych do strony, po prostu otwórz tę stronę w edytorze bloków WordPress. Tutaj kliknij ikonę „+” i wpisz „Ściana mediów społecznościowych”.

Dodawanie bloku ściany społecznościowej do strony lub posta

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony.

Teraz Social Wall wyświetli utworzony przez Ciebie kanał wieloplatformowy.

Publikowanie ściany społecznościowej w WordPressie

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak naprawić problem z oEmbed na Facebooku i Instagramie w WordPress. Możesz również zapoznać się z naszymi najlepszymi wyborami dotyczącymi najlepszych wtyczek mediów społecznościowych dla WordPress oraz naszym przewodnikiem jak osadzić kanał grupy na Facebooku w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

45 CommentsLeave a Reply

  1. Stosowałem różne techniki osadzania treści z mediów społecznościowych na mojej stronie internetowej, ale po przeczytaniu kilku Twoich artykułów przeszedłem na Smash Balloon w wersji lite. Teraz poważnie rozważam przejście na wersję płatną, ponieważ Smash Balloon rozwiązał praktycznie wszystkie moje problemy z osadzaniem treści z Facebooka, Twittera i Instagrama. Wszystko wydaje się takie proste dzięki tej wtyczce. Dziękuję za podzielenie się swoją radą.

  2. O mój Boże, DZIĘKUJĘ za dostarczenie tego poprawki! Właśnie traciłem zmysły, próbując dowiedzieć się, dlaczego żadne z moich linków na Instagramie się nie osadzały. Chyba przegapiłem informację o terminie 24 października. O:-) Jeszcze raz dziękuję za oszczędzenie mi wielu kłopotów!

  3. Wtyczka Instagrama działa u mnie wadliwie. Zachowała większość postów z Instagrama, które miałem w poprzednich treściach, ale kiedy wklejam link w nowej treści, post z Instagrama się nie pojawia. Czy masz jakieś sugestie?

    • Reach out using the plugin’s support page for assistance to help check and ensure it is not a conflict with a different plugin or something that needs to be fixed :)

      Admin

  4. Zainstalowałem oba wtyczki i połączyłem się z FB, ale posty z FB nadal nie osadzają się automatycznie w moich artykułach WP!

    • Te wtyczki służą do zapewnienia poprawnego działania osadzonych elementów, a nie do ich automatycznego osadzania na Twojej stronie.

      Admin

  5. Mam problem z osadzaniem IGTV z Instagrama po tych ostatnich zmianach. Wydaje się, że twoja wtyczka rozwiązuje ten problem, ale chodzi o to, że moja strona nie korzysta tylko z mojego osobistego konta na Instagramie, jest to platforma, na której blogerzy mogą promować swoje rzeczy (IGTV), więc pytanie brzmi, jako administrator, jak mogę połączyć różne konta na Instagramie? Proszę rozwiąż ten problem, będę bardzo wdzięczny.

    • Chociaż nasze rozwiązanie nie jest obecnie przeznaczone do osadzania wielu kanałów, z pewnością przyjrzymy się temu, co możemy zrobić z tym, na co pozwalają Facebook i Instagram.

      Admin

  6. Aby rozwiązać problem, Twój artykuł sugeruje dwa wtyczki firmy Smash Balloon.
    Załóżmy, że zainstaluję wtyczkę Smash Balloon Facebook (Smash Balloon Social Post Feed). Po zrobieniu tego, czy to *automatycznie* naprawi wszystkie obecne treści osadzone z Facebooka na mojej stronie? Czy będę musiał ręcznie usunąć wszystkie takie osadzenia i dodać je ponownie za pomocą wtyczki?

    • Tak, powinno to automatycznie naprawić problem dla wszystkich obecnych osadzeń bez konieczności ich ponownego tworzenia.

      Admin

  7. Do tej pory nie osadzałem niczego z Facebooka. Jednak potrzeba zrobienia tego szybko nadchodzi. I muszę dowiedzieć się, czy istnieje sposób, aby osadzić na naszej stronie internetowej kanał na żywo?

    • Możesz go aktywować później, ale jeśli możesz to zrobić teraz, zalecamy aktywację wtyczki przed awarią osadzonych elementów.

      Admin

    • Dotyczy to sytuacji, gdy publikujesz link z Facebooka lub Instagrama na swojej stronie; nie jest to potrzebne do udostępniania swojej strony na jednej z tych platform.

      Admin

    • Powinieneś skontaktować się z pomocą techniczną konkretnej wtyczki, aby dowiedzieć się, czy mają coś wdrożonego lub czy poleciliby nasze rozwiązanie.

      Admin

    • Powinieneś skontaktować się z pomocą techniczną dla konkretnych wtyczek, aby dowiedzieć się, czy mają coś wdrożonego lub czy poleciliby nasze rozwiązanie.

      Admin

    • Powinieneś skontaktować się z pomocą techniczną konkretnej wtyczki, aby dowiedzieć się, czy mają coś wdrożonego lub czy poleciliby nasze rozwiązanie.

      Admin

    • Ten artykuł dotyczy oEmbeds, udostępnianie zazwyczaj nie jest częścią osadzania na Twojej stronie. Zalecamy skontaktowanie się z pomocą techniczną wtyczki, o którą pytasz, w celu uzyskania konkretnych pytań tego typu.

      Admin

  8. Cześć, dzięki za to!
    W przeszłości implementowałem media z Instagrama, ale używając bloku HTML z kodem z Instagrama, a nie linku i osadzenia. Czy dobrze rozumiem, że to będzie działać tak jak wcześniej?

    Dziękuję!

  9. Jest jeszcze jeden problem z API Facebooka: nie pozwalają one na wyświetlanie liczby komentarzy. Używam wtyczki AddThis i mówią, że wkrótce będą mieli alternatywę. Mam nadzieję.

  10. Nie jestem zbyt techniczna, więc może to być głupie pytanie. Czy ma to jakikolwiek wpływ na prosty widżet SFP – Facebook Page Plugin, który mam na głównym pasku bocznym mojej strony głównej?

    • Ten samouczek dotyczy domyślnych osadzeń. Jeśli używasz wtyczki, skontaktuj się z pomocą techniczną używanej wtyczki, aby dowiedzieć się, jak obsłuży ona tę zmianę.

      Admin

  11. Czy funkcjonalność jest bezpłatna dla każdego rodzaju mediów, które były wcześniej domyślnie obsługiwane przez oEmbed?
    Obecnie rozumiem, że w przypadku osadzania wideo oEmbed, wtyczka Smash Balloon musiałaby zostać zaktualizowana do wersji Pro.

    • Tak, wszystkie domyślne funkcje oEmbed są dostępne bezpłatnie w darmowych wtyczkach Smash Balloon (w tym oEmbedy wideo).

      Myślę, że mylisz funkcję niestandardowego kanału wideo, która jest wymieniona w Smash Balloon Pro, z czymś całkowicie oddzielnym od oEmbed.

      Admin

  12. Cześć! Świetnie, że to wszystko wiem, zastanawiałem się… Co jeśli po prostu wkleję link bezpośrednio do mojego posta? Czy to zadziała? Czy będzie wyglądać jak przykłady na tym poście? Ponieważ mówicie o osadzaniu postów zamiast kopiowania linków i wklejania ich :O dobrze by było wiedzieć!

    • Domyślnie, gdy wklejasz link w swoich postach, funkcja oEmbed w WordPressie automatycznie konwertuje go na prawidłowe osadzenie.

      Ta funkcja przestanie działać, a dla starszych treści pokaże uszkodzony układ. Dla nowych treści wyświetli sam adres URL (bez osadzonej treści).

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.