Jak osadzić feed z Instagrama na swojej stronie

Jak osadzić feed z Instagrama na stronie

Jak osadzić feed z Instagrama na swojej stronie (2026) | We.Inc

Osadź posty, rolki lub feed z Instagrama na stronie: oficjalne osadzanie, co przyjmuje oEmbed od Meta, dlaczego Basic Display API przestało działać i jak zachować szybkość strony.

Przy kilku postach użyj kodu osadzania, który Instagram udostępnia dla każdego posta lub rolki, i wklej go do bloku HTML na stronie. Przy siatce, która sama się aktualizuje, potrzebujesz usługi z widgetem feedu albo własnego połączenia przez Instagram API od Meta, bo stare Basic Display API przestało działać 4 grudnia 2024.

Sposoby pokazania Instagrama na stronie

Sposób
Aktualizuje się sam?
Nakład pracy

Oficjalne osadzanie posta lub rolki
Nie, każdy post osobno
Skopiuj i wklej

Usługa z widgetem feedu
Tak
Załóż konto, połącz profil, wklej fragment kodu

Własne połączenie z Instagram API
Tak
Programista, aplikacja Meta i serwer

Link lub przycisk do Twojego profilu
Niepotrzebne
Kilka minut

Wklej link z Instagrama, aby sprawdzić, czy endpoint oEmbed od Meta przyjmuje taki rodzaj URL-a, i zobaczyć żądanie, które programista wysłałby po kod osadzania. Sprawdzarka czyta tylko kształt linku w Twojej przeglądarce. Nie łączy się z Instagramem, więc nie wie, czy konto jest prywatne.

Zdecyduj, czy chcesz kilka wybranych postów, czy siatkę, która śledzi Twoje najnowsze publikacje.
Przy wybranych postach skopiuj z Instagrama kod osadzania każdego posta i wklej go do bloku HTML lub bloku osadzania.
Przy aktualnej siatce wybierz usługę z widgetem albo poproś programistę o użycie Instagram API z Twoim kontem profesjonalnym.
Umieść feed nisko na stronie i ładuj go leniwie, aby nie spowalniał pierwszego widoku.

Osadzać można tylko publiczne posty. Dokumentacja Meta wymienia posty z kont prywatnych, nieaktywnych i z ograniczeniem wiekowym jako nieobsługiwane.
Relacji nie da się osadzić przez oEmbed.
Każde osadzenie ładuje skrypt Instagrama i jego multimedia, więc na stronach otwieranych najpierw na telefonach ogranicz ich liczbę.
Zwykła siatka obrazów z linkiem do Twojego profilu jest lżejsza niż jakiekolwiek osadzenie i często sprawdza się równie dobrze.

Najczęściej zadawane pytania

Czy nadal mogę używać Instagram Basic Display API?

Nie. Meta ogłosiła, że od 4 grudnia 2024 Basic Display API nie będzie już dostępne, a żądania do niego będą kończyć się błędem. Do zastosowań biznesowych Meta wskazała Instagram API z logowaniem przez Instagram lub przez Facebook.

Czy mogę osadzić cały profil z Instagrama?

Endpoint oEmbed od Meta wymienia URL-e profili w formie instagram.com/username wśród akceptowanych formatów, obok postów i rolek.

Dlaczego moje osadzenie pokazuje puste pole?

Osadzenie opiera się na znaczniku script na końcu kodu osadzania, który daje Ci Instagram. Jeśli skrypt jest zablokowany, usunięty przez Twój kreator albo HTML dodano po jego załadowaniu, wywołaj instgrm.Embeds.process(), gdy skrypt jest już na stronie.

Czy potrzebuję konta firmowego?

Osadzenia pojedynczych postów pochodzą z publicznych postów. Połączenia przez API dla aktualnego feedu są budowane wokół kont profesjonalnych (firmowych lub twórcy).

Czy widget feedu jest bezpieczny?

Widgety potrzebują uprawnień do odczytu Twojego konta. Korzystaj ze znanej usługi, sprawdź, o jaki dostęp prosi, i usuń go w ustawieniach Instagrama, gdy przestaniesz go używać.

Co zmieniło się w 2024

Wiele starszych poradników i darmowych wtyczek opierało się na Basic Display API, które pozwalało każdemu kontu prywatnemu udostępniać zdjęcia na stronie. Meta wyłączyła je 4 grudnia 2024, dlatego niektóre feedy, które działały latami, nagle opustoszały.
Dziś aktualny feed działa przez Instagram API dla kont profesjonalnych. Usługi z widgetami obsługują to połączenie za Ciebie; samodzielne zbudowanie oznacza aplikację Meta, tokeny i serwer pobierający posty.

Zachowaj szybkość strony

Osadzenia ładują zewnętrzny skrypt i multimedia w pełnym rozmiarze. Umieść je poniżej pierwszego ekranu i ładuj skrypt dopiero wtedy, gdy odwiedzający przewinie stronę w pobliże feedu, tak jak w przykładzie poniżej.

Ładuj osadzenia tylko wtedy, gdy są potrzebne

Wklej kod osadzania każdego posta z Instagrama do kontenera bez jego znacznika script, a skrypt załaduj, gdy odwiedzający przewinie stronę w pobliże.

Leniwe ładowanie skryptu osadzania Instagrama

Ustaw EMBED_SCRIPT na adres skryptu z kodu osadzania, który dał Ci Instagram. instgrm.Embeds.process() zamienia wklejone bloki blockquote w osadzenia.

Sprawdzarka linków z Instagrama

Link z Instagrama

Post (pojedynczy obraz lub karuzela). oEmbed przyjmuje ten format.

Rolka lub wideo. oEmbed przyjmuje ten format.

Profil. oEmbed wymienia linki do profili wśród akceptowanych formatów.

Relacja. Relacji nie można osadzać.

To nie jest link z instagram.com.

To nie jest żaden z formatów wymienionych przez Meta: /p/, /reel/ ani nazwa profilu.

Żądanie oEmbed, które wysłałby programista

Dokumentacja oEmbed od Meta wyjaśnia, jaki dostęp aplikacji jest potrzebny do jego wywołania.

Jak osadzić feed z Instagrama na swojej stronie

Jak osadzić feed z Instagrama na stronie