Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak naprawić problem oEmbed Facebooka i Instagrama w WordPressie

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz dowiedzieć się, jak poprawić problem oEmbed Facebooka i Instagrama w WordPressie?

Domyślny blok oEmbed lub Embed w WordPressie już nie działa. Jeśli wcześniej dodawałeś treści z Facebooka lub Instagrama do WordPressa za pomocą tego bloku, może to powodować błędy i brak treści na Twojej witrynie internetowej WordPress.

W tym przewodniku pokażemy ci, jak łatwo poprawić problem z osadzaniem na Facebooku i Instagramie, aby odwiedzający mogli cieszyć się treściami społecznościowymi na twojej witrynie WordPress.

How to fix the Facebook and Instagram oEmbed issue in WordPress

Na czym polega problem oEmbed Facebooka i Instagrama w WordPressie?

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

Facebook zmienił jednak 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 interfejsu API Facebook Graph, zanim będziesz mógł osadzać treści z Facebooka lub Instagrama na swoim blogu WordPress.

Zajęłoby to dużo czasu i wysiłku, więc ludzie stojący za WordPressem postanowili usuwać funkcje osadzania na Facebooku i Instagramie.

Jeśli wcześniej dodałeś treść Facebooka do swojej witryny internetowej za pomocą oEmbed, będzie ona teraz wyglądać jak na poniższym obrazku.

An example of an oEmbed error in WordPress

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

Istnieją sposoby na ręczne poprawienie problemu. Można na przykład przejść przez każdą stronę i wpis i usunąć osadzane treści. Może to być jednak czasochłonne i nie ma gwarancji, że uda ci się znaleźć każde uszkodzone osadzanie.

Powiedziawszy to, zobaczmy, jak można łatwo poprawić problem oEmbed Facebooka i Instagrama na WordPressie.

Jak naprawiono problem z oEmbed na Facebooku i Instagramie?

Najprostszym sposobem na poprawienie problemu oEmbed jest użycie jednej z darmowych wtyczek Smash Balloon.

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

An instagram post, embedded in a WordPress website

Chcesz osadzać wpisy z Facebooka w WordPressie? Zamiast tego możesz skorzystać z darmowej wtyczki Smash Balloon Social Post Feed.

Najpierw należy zainstalować i włączyć wtyczkę. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po zainstalowaniu dowolnej wtyczki, wystarczy przejść do kanału Instagramu ” oEmbeds lub Facebook Feed ” oEmbeds, w zależności od używanej wtyczki.

Używamy wtyczki Social Photo Feed na wszystkich naszych obrazkach, ale kroki będą dokładnie takie same bez względu na to, jakiej wtyczki używasz.

Enabling the oEmbed feature for Instagram and Facebook

Na tym ekranie wystarczy kliknąć przycisk „Włącz”.

To wszystko. Możesz teraz osadzać wpisy z Facebooka i Instagrama na Twojej witrynie internetowej WordPress.

Jak osadzać wpisy z Instagrama lub Facebooka w WordPressie?

Określony wpis na Instagramie lub Facebooku można osadzać na dowolnej stronie, wpisie lub w obszarze przystosowanym do widżetów. Na przykład, możesz dodać go dostopki na twojej witrynie WordPress.

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

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

Adding the Embed block to a WordPress page or post

W polu „Osadzanie” wystarczy wkleić adres URL wpisu z Instagrama lub Facebooka, który chcesz wyświetlić na swojej witrynie internetowej.

Następnie kliknij „Osadzanie”.

Embedding an Instagram post in WordPress

WordPress pokaże teraz ten konkretny wpis. Gdy wpis będzie gotowy do opublikowania, wystarczy kliknąć przycisk „Aktualizuj” lub „Opublikuj”.

Teraz, gdy użytkownik przejdzie na stronę, zobaczy wpis w mediach społecznościowych na żywo.

An example of an Instagram post in WordPress

Inną opcją jest dodanie wpisu na Instagramie lub Facebooku do obszaru gotowego na widżet, takiego jak panel boczny. W ten sposób możesz promować ten sam wpis na każdej stronie Twojej witryny internetowej.

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

Adding an Instagram post to a widget-ready area such as the WordPress sidebar

Aby dodać wpis z Facebooka lub Instagrama do obszaru gotowego na widżet, wystarczy przejść do Wygląd ” Widżety i kliknąć niebieski przycisk „+”.

W pasku wyszukiwania należy wpisać „Osadzanie”, aby znaleźć odpowiedni blok.

Embedding an Embed block in WordPress

Gdy pojawi się blok „Osadzanie”, przeciągnij go na obszar, w którym chcesz wyświetlić wpis z Facebooka lub Instagrama. Na przykład, wyświetlamy zdjęcie z Instagrama w panelu bocznym WordPress.

W polu „Osadzanie” wystarczy wkleić adres URL wpisu z Instagrama lub Facebooka, który chcesz wyświetlić na swojej witrynie internetowej. Następnie kliknij przycisk „Osadzaj”.

Embedding Instagram photo in Instagram

WordPress wyświetli teraz ten konkretny wpis.

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

Embedding Instagram post in WordPress

Teraz zobaczysz wpis statusu z Instagrama lub Facebooka na twojej witrynie internetowej WordPress.

Jak dodać kanał Instagramu lub Facebooka do WordPressa?

Darmowa wtyczka Smash Balloon ułatwia dodawanie wpisów z Facebooka i Instagrama do twojej witryny internetowej WordPress.

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

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

Dzięki temu twoja witryna będzie świeża i interesująca nawet dla stałych użytkowników.

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

An Instagram feed, created using Smash Balloon

Chcesz utworzyć kanał pokazujący twoje albumy na Facebooku, filmy, wpisy na osi czasu i nie tylko?

Następnie można skorzystać z wtyczki Smash Balloon Facebook Feed.

Facebook reviews, embedded using Smash Balloon

Chcesz dodać kanały z Facebooka i Instagramu do swojej witryny internetowej WordPress? W takim razie warto przyjrzeć się Smash Balloon Social Wall.

Ta potężna wtyczka pozwala łączyć dowolne kanały utworzone za pomocą wtyczek Smash Balloon, w tym Facebook, Twitter, Smash Balloon YouTube Feed i inne.

Creating a social media wall using Facebook and Instagram

Na przykład, jeśli skonfigurowałeś wtyczki Facebook Feed i Instagram Feed, możesz po prostu przejść do Social Feeds Create a Social Wall na twoim kokpicie WordPress.

Następnie kliknij przycisk „Utwórz nowy”.

Creating a social wall using 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, które utworzyłeś dla tej platformy. Po prostu wybierz przycisk opcji obok każdego kanału, którego chcesz użyć.

Adding multiple social media networks to a WordPress feed

Możesz na przykład połączyć najnowsze wpisy z Twojego kalendarza wydarzeń na Facebooku i konta na Instagramie.

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

Spowoduje to otwarcie edytora Smash Balloon, w którym można dostosować każdą część ściany społecznościowej. Możesz na przykład zmienić schemat kolorów, aby idealnie pasował do twojego motywu WordPress.

Adding Facebook and Instagram to a social wall

Gdy jesteś zadowolony z wyglądu ściany społecznościowej, możesz dodać ją do dowolnej strony, wpisu lub obszaru gotowego na widżet za pomocą bloku Social Wall.

Na przykład, aby dodać ścianę społecznościową do strony, wystarczy otworzyć tę stronę w edytorze bloków WordPress. Tutaj kliknij ikonkę „+” i wpisz „Social Wall”.

Adding the social wall block to a page or post

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

Teraz Social Wall wyświetli właśnie utworzony wieloplatformowy kanał.

Publishing a social wall in WordPress

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak poprawić problem oEmbed Facebooka i Instagrama w WordPress. Zachęcamy również do zapoznania się z naszymi eksperckimi typami najlepszych wtyczek do mediów społecznościowych dla WordPressa oraz naszym przewodnikiem na temat tworzenia newslettera e-mail.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

45 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ryan Elizabeth says

    Oh my goodness, THANK YOU for providing this fix! I was loosing my mind just now trying to figure out why none of my Instagram links were embedding. Guess I missed the memo about the October 24 deadline. O:-) Thank you again for saving me lots of headache!

  3. Tiffany Clark says

    The Instagram plugin is glitchy for me. It’s preserved most of the Instagram posts I had in previous content, but when I paste a link in a new piece of content, it doesn’t populate the Instagram post. Any suggestions?

    • WPBeginner Support says

      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 :)

      Administrator

  4. Alyssa says

    I installed both plugins and connected to FB but FB posts are still not auto-embedding in my WP articles!

    • WPBeginner Support says

      These plugins are for ensuring your embeds work, not for automatically embedding them on your site.

      Administrator

  5. Harry says

    i have an issue of embedding instagram igtv’s after these recent changes. and seems like your plugin solve this issue, but the thing is my site is not only using my personal instagram account, its a platform where bloggers can promote their stuff (igtv) so the question is, being an admin how could i connect various instagram accounts? kindly solve this problem i will be very pleased.

    • WPBeginner Support says

      While our solution is not for multiple channel embeds at the moment, we will certainly look into what we are able to do with what Facebook and Instagram allow.

      Administrator

    • WPBeginner Support says

      We do not have a recommended method for that at the moment with the options available from Facebook.

      Administrator

  6. Carl Gross says

    To fix the issue, your article suggests two plugins by Smash Balloon.
    Let’s say I install the Smash Balloon Facebook plugin (Smash Balloon Social Post Feed). Once I do that, will that *automatically* fix all current Facebook oEmbedded content on my site? Or will I have to manually remove all such embeds, and re-add them using the plugin?

    • WPBeginner Support says

      Yes, it should automatically fix the issue for any current embeds without needing to recreate them.

      Administrator

  7. Barbara says

    So far I have not embedded anything from Facebook. However, our need to do so is coming up fast. And I need to find if there is a way we can embed the live feed into our website?

    • WPBeginner Support says

      You can activate it after but if you are able to now, we would recommend activating the plugin before your embeds break.

      Administrator

    • WPBeginner Support says

      This is for when you post a link from Facebook or Instagram on your site, you do not need this for sharing your site on one of those platforms.

      Administrator

    • WPBeginner Support says

      You would want to reach out to the support for specific plugins for if they have something in place or if they would recommend our solution.

      Administrator

    • WPBeginner Support says

      You would want to reach out to the support for specific plugin for if they have something in place or if they would recommend our solution.

      Administrator

    • WPBeginner Support says

      This article is for oEmbeds, sharing is not normally part of embedding on your site. We would recommend reaching out to the support for the plugin you are wondering about for specific questions like this.

      Administrator

  8. Babs says

    Hi, thanks for this!
    I’ve implemented instagram media in the past but using a HTML block with the code from Instagram rather than a link and embed. Am I correct in thinking that this will keep on working like before?

    Thank you!

  9. Rogerio says

    There is another issue with the Facebook API: they are not allowing to show the comments count. I use the AddThis plugin and they say they will have an alternative soon. Hope so.

  10. Elaine Savage says

    Not at all techie so this may be a silly question. Does this have any impact on the simple SFP – Facebook Page Plugin widget that I have in the main sidebar of my front page?

    • WPBeginner Support says

      This tutorial is for the default embeds, if you are using a plugin then you would want to reach out to the support for the plugin you are using for how it will handle this change.

      Administrator

  11. Andy Beard says

    Is the functionality free for every kind of media that was previously supported by oEmbed by default?
    My understanding currently is that for Video oEmbeds the Smash Balloon plugin would have to be upgraded to Pro.

    • Editorial Staff says

      Yes all default oEmbed functionality is available for free in the free Smash Balloon plugins (including video oEmbeds).

      I think you’re confusing the custom video feed feature that’s listed on the Smash Balloon Pro which is completely separate of oEmbed.

      Administrator

  12. Andrés says

    Hi! Great to know all of this, I was wondering…What if I just paste the link directly in my post? will it work? Or will it look like the examples on this post? Because you’re talking about embedding posts instead of copying the links and paste them :O it’ll be good to know!

    • Editorial Staff says

      By default, when you currently paste the link in your posts, WordPress oEmbed feature automatically converts it into a proper embed.

      That feature will stop working, and for older content it will show the broken layout. For new content, it will just show the URL itself (not embedded content).

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.