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

Domyślny blok oEmbed lub Embed w WordPress nie działa już dla Instagrama i Facebooka. Jeśli więc w przeszłości dodawałeś treści z tych sieci społecznościowych za pomocą bloku osadzania, może to teraz powodować błędy i luki w treści na twojej witrynie.

Rozwiązanie tego problemu jest ważne, jeśli chcesz zapewnić użytkownikom pozytywne wrażenia. Jeśli tego nie zrobisz, odwiedzający twoją witrynę internetową mogą natknąć się na brakujące treści lub uszkodzone strony. Ponadto prawdopodobieństwo, że znajdą twoje kanały społecznościowe będzie znacznie mniejsze.

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 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 swojej witrynie internetowej 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

Tymczasem, jeśli chcesz osadzać wpisy z Facebooka w WordPressie, możesz zamiast tego skorzystać z darmowej wtyczki Smash Balloon Social Post Feed.

Najpierw należy zainstalować i włączyć potrzebną 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”, który odpowiada twoim potrzebom.

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?

Po włączeniu funkcji oEmbed za pomocą twojej preferowanej wtyczki Smash Balloon, możesz osadzać określone wpisy z Instagrama lub Facebooka 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ć swoje najpopularniejsze wpisy na Instagramie, wpisy promujące 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ć oEmbed Facebooka i Instagrama w WordPress. Zachęcamy również do zapoznania się z naszym wyborem najlepszych wtyczek do mediów społecznościowych dla WordPressa oraz przewodnikiem, jak osadzać kanał grupowy Facebooka w WordPressie.

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

    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

    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!

    • WPBeginner Support

      Glad our solutions could help :)

      Administrator

  3. Tiffany Clark

    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

      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. Soumitra haldar

    Thank you so much…. I found my answer… Very helpful full … Thanks a lot

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrator

  5. Palle Hyldgård Poulsen

    This was great – so easy. Thank you!

    • WPBeginner Support

      Glad our solution was helpful :)

      Administrator

  6. Alyssa

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

    • WPBeginner Support

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

      Administrator

  7. Harry

    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

      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

  8. Karim

    How to embed posts even if I am not the FB page admin?

    • WPBeginner Support

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

      Administrator

  9. Alyssa Storm

    Any idea if this will impact the Facebook „Page Plugin” social plugin

    • WPBeginner Support

      It shouldn’t affect that as this is specifically a change for oEmbeds :)

      Administrator

  10. Carl Gross

    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

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

      Administrator

  11. Barbara

    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?

  12. Julie

    Can this be fixed later by activating the plugin or must it be done before it breaks?

    • WPBeginner Support

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

      Administrator

  13. Nierka

    Hi,
    Do i need what to do if i copy a link from WordPress and paste it on Facebook?

    • WPBeginner Support

      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

      You’re welcome :)

      Administrator

  14. Prashanna karn

    What about using jetpack plugin to link Facebook and Instagram account to WordPress website?

    • WPBeginner Support

      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

    • Rob Pugh

      Yes, Jetpack solves this oEmbed issue.

  15. Badiru

    Hi,

    Thanks for the info.
    What about Elemetor IG and FB embedding. Will that also break?

    • WPBeginner Support

      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

  16. Stephanie

    Does this change affect embeds made using Facebook’s Page Plugin?

    • WPBeginner Support

      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

  17. Graham

    Will sharing on jetpack work still?

    • WPBeginner Support

      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

  18. Babs

    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!

    • WPBeginner Support

      For safety, we would still recommend adding the plugin to prevent any future issues.

      Administrator

  19. Rogerio

    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.

  20. Elaine Savage

    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

      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

  21. Andy Beard

    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

      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

  22. Andrés

    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

      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ę.