Unsplash / Eyestetix Studio

Instagram i TikTok API – Jak programiści mogą osadzać wideo użytkowników na stronach internetowych i w aplikacjach?

Chcesz w prosty sposób osadzać wideo z Instagrama i TikToka na swoich stronach internetowych? Odkryj, jak nie tylko przyciągnąć uwagę, ale i zwiększyć interakcję użytkowników! Przeczytaj nasz artykuł i poznaj profesjonalne wskazówki od ekspertów Krakweb.

23.04.2025 14:58
3 minuty czytania

Poniższy artykuł przedstawia analizę możliwości, jakie oferują API Instagrama i TikToka w kontekście osadzania i zarządzania materiałami wideo użytkowników na zewnętrznych stronach internetowych oraz w aplikacjach. Omówimy zarówno mechanizmy oEmbed, jak i zaawansowane funkcje Graph API oraz Display API, przyjrzymy się procesowi publikacji i ograniczeniom, a także zaproponujemy najlepsze praktyki integracji.

Czytaj dalej - pod formularzem.

Umów się na darmową konsultację

Wprowadzenie

Integracja treści wideo z platform społecznościowych na stronach i w aplikacjach to obecnie standard, który podnosi angażowanie użytkowników i wydłuża czas spędzany na interfejsie. Zarówno Instagram, jak i TikTok udostępniają oficjalne API umożliwiające pobieranie kodu osadzania, metadanych oraz programowe zarządzanie zawartością wideo, przy zachowaniu zasad bezpieczeństwa i poszanowaniu polityk prywatności.

API Instagrama – możliwości i funkcje

Instagram oEmbed

Instagram oEmbed to prosty sposób na pobranie gotowego do wstawienia kodu HTML wraz z podstawowymi metadanymi (autor, opis, liczba polubień) z dowolnego publicznego posta, w tym wideo czy Reels. Wystarczy wywołać GET /instagram/oembed podając jako parametr url odnośnik do posta, aby uzyskać fragment:

{
  "html": "",
  "author_name": "użytkownik",
  "media_type": "video",
  ...
}

Graph API – publikacja i zarządzanie wideo  

Dla zaawansowanych integracji Instagram oferuje Graph API z modułem Content Publishing, umożliwiającym:  

  1. Tworzenie kontenera mediów na podstawie zewnętrznego URL wideo (MP4) za pomocą POST `/{ig-user-id}/media`  
  2. Publikację kontenera na koncie firmowym lub twórcy przez POST `/{ig-user-id}/media_publish` : 
  3. Reels (format krótkich wideo) również obsługują ten dwustopniowy proces, z parametrem `media_type=REELS`, co umożliwia harmonogramowanie, statystyki i moderację komentarzy 

Ograniczenia i wymagania

  • Dostęp tylko dla kont profesjonalnych (Business lub Creator) powiązanych z Facebook Page  
  • Limit 50 publikacji API na 24 godziny; każdy post (wideo, zdjęcie, karuzela) to jedna jednostka limitu 
  • Video musi spełniać wymogi techniczne: MP4/MOV, max 100 MB, kodek H.264 lub HEVC, ramka między 23–60 FPS 

API TikToka – możliwości i funkcje  

oEmbed i Embed Player  

TikTok udostępnia prosty endpoint oEmbed (`GET /oembed?url={video_url}`), który zwraca gotowy kod `<blockquote>` oraz skrypt `<script async src="https://www.tiktok.com/embed.js">` do dynamicznego ładowania playera .

Dla pełnej kontroli dostępny jest <strong>Embed Player</strong> oparty na iframe `https://www.tiktok.com/player/v1/{post_id}`, który pozwala poprzez postMessage sterować odtwarzaniem, przewijaniem i odbierać zdarzenia odtwarzacza  </li> </ul> </body>

Display API i zapytania wideo  


W ramach Display API można programowo pobierać listy wideo danego twórcy, wraz z metadanymi (tytuł, czas trwania, rozmiar, opis) korzystając z endpointu `video.list` . Pozwala to na tworzenie galerii, feedów i własnych odtwarzaczy w aplikacji czy na stronie.  

Inne zestawy SDK

 TikTok oferuje również:  

  • Share Kit – ułatwia udostępnianie treści z aplikacji na TikToka.  
  • Login Kitlogowanie przez konto TikTok.  
  • Content Posting API – (ograniczone geograficznie) do publikacji treści bezpośrednio na TikToku.  
  • Research API – analizy publicznych danych i statystyk.  
  • Data Portability API – eksport danych użytkownika. 

Ograniczenia i wymagania  

  • Wymagana rejestracja aplikacji w panelu TikTok for Developers oraz uzyskanie odpowiednich Scope’ów (np. `video.list`, `embed`).  
  • Niektóre API (np. Content Posting) dostępne tylko w EEA i UK  

Najlepsze praktyki integracji  

  1. Cache’owanie metadanych – wyniki oEmbed mogą być przechowywane krótko, by zmniejszyć liczbę zapytań i przyspieszyć ładowanie.  
  2. Responsywny player – dostosuj szerokość iframe parametrami `maxwidth` i `hidecaption` (Instagram) lub stylami CSS (TikTok) dla poprawnego wyświetlania na urządzeniach mobilnych  
  3. Autoryzacja i bezpieczeństwo – nigdy nie ujawniaj tokenów dostępu w kodzie front-end; stosuj proxy/server-side do wywołań Graph API i Display API.  
  4. Obsługa błędów – przygotuj fallback (np. statyczny obrazek z przyciskiem „Odtwórz na Instagramie/TikToku”) w przypadku zablokowania odtwarzania przez polityki prywatności.  
  5. Zgodność z politykami – weryfikuj regulaminy API obu platform, szczególnie w zakresie praw autorskich i ochrony danych osobowych.  

Podsumowanie i wnioski  

API Instagrama i TikToka oferują bogaty zestaw narzędzi dla programistów chcących osadzić wideo użytkowników na zewnętrznych stronach i w aplikacjach. Prostota oEmbed pozwala na szybkie wdrożenie, natomiast zaawansowane Graph i Display API dają pełną kontrolę nad publikacją, zarządzaniem i analizą materiałów wideo. Kluczem do udanej integracji jest zrozumienie ograniczeń (limitów, typów kont, wymagań technicznych) oraz stosowanie najlepszych praktyk cache’owania, bezpieczeństwa i responsywności. Dzięki temu deweloperzy mogą tworzyć angażujące i wydajne doświadczenia multimedialne, które z jednej strony respektują zasady platform, a z drugiej – dostarczają użytkownikom najwyższą jakość interakcji. 

Zapytanie ofertowe

Zapytaj o szczegóły oferty. Prześlij wymagania w opisie lub załączonym briefie.

Wybierz plik
 
Blog Artykuły
Ustawienia dostępności
Wysokość linii
Odległość między literami
Wyłącz animacje
Przewodnik czytania
Czytnik
Wyłącz obrazki
Skup się na zawartości
Większy kursor
Skróty