Online Tool Store
Generator kodu osadzania
Wklej link z YouTube, Vimeo, TikTok lub inny i wygeneruj responsywną lub stałą ramkę iframe albo osadzenie skryptem z podglądem – za darmo w przeglądarce.
🔒 To narzędzie działa w całości w Twojej przeglądarce. Twoje pliki nigdy nie są wysyłane na serwer.
Krok 1 · Dane wejściowe
URL do osadzenia
Wykryta platforma: oczekiwanie na URL
Opcje
Wszystko działa w Twojej przeglądarce — nic stąd nie jest wysyłane na serwer.
Krok 2 · Podgląd
Podgląd na żywo
Wpisz powyżej prawidłowy URL, aby zobaczyć tutaj podgląd na żywo.
Wiele witryn blokuje osadzanie (przez X-Frame-Options lub politykę CSP frame-ancestors). Jeśli podgląd pozostaje pusty, wygenerowany kod i tak jest poprawny — tego celu nie da się umieścić w ramce na żadnej stronie, nie tylko w tym podglądzie.
Krok 3 · Wygenerowany kod
Wklej to na swojej stronie
Obsługiwane platformy
Wykrywane i optymalizowane automatycznie
Wklej zwykły link z jednej z nich, a narzędzie zamieni go na adres URL osadzania tej platformy. Każdy inny prawidłowy http(s) adres URL jest używany jako zwykła ramka iframe. Wybierz jedną, aby wczytać przykład.
Jak działa Generator kodu osadzania
- Wklej zwykły link: YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud, X lub dowolną inną stronę.
- Narzędzie rozpoznaje platformę i zamienia link na właściwy adres URL do osadzenia.
- Wybierz responsywną ramkę iframe, stałą iframe lub osadzenie skryptem, a następnie dostosuj rozmiar, wyrównanie, sposób ładowania i uprawnienia — kod i podgląd na żywo aktualizują się w trakcie pisania.
- Skopiuj wynik jednym kliknięciem.
FAQ
Czy narzędzie sprawdza wpisany adres URL?
Tak. Zanim powstanie jakikolwiek kod, adres URL musi być poprawnie zbudowanym adresem http:// lub https:// — nieprawidłowe wpisy pokazują błąd w miejscu wpisywania zamiast tworzyć uszkodzony kod.
Jakie platformy są wykrywane automatycznie?
Wklej zwykły link z YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud lub X (Twitter), a narzędzie automatycznie zamieni go na adres URL do osadzenia tej platformy i pokaże wskaźnik "Detected platform" obok pola. Linki Google Maps są rozpoznawane, ale wymagają adresu z opcji Udostępnij → Umieść w Google. Każdy inny prawidłowy adres http(s) jest używany jako zwykła ramka iframe.
Czym różnią się trzy typy osadzania?
Responsywna iframe umieszcza ramkę w kontenerze, który przy zmianie rozmiaru strony zachowuje wybrany stosunek szerokości do wysokości. Stała iframe używa dokładnej szerokości i wysokości w pikselach. Osadzenie skryptem generuje pojedynczy znacznik <script> dla dostawców, którzy osadzają treść przez JavaScript zamiast przez iframe.
Czy wygenerowany kod HTML można bezpiecznie wkleić bez zmian?
Tak. Adres URL i tytuł są poddawane HTML-escape przed wstawieniem do fragmentu, więc cudzysłowy lub nawiasy ostre we wpisanych danych nie mogą wyjść poza wygenerowane atrybuty.
Dlaczego podgląd bywa pusty?
Wiele witryn wysyła nagłówek X-Frame-Options lub Content-Security-Policy, który blokuje wczytywanie ich w dowolnej ramce iframe, także w tym podglądzie. To ograniczenie ustawione przez witrynę docelową, a nie problem z wygenerowanym kodem.
Czy wygenerowany kod zadziała w WordPressie, Wix lub Squarespace?
Tak. Wynik to zwykły HTML (iframe lub znacznik script), więc działa wszędzie tam, gdzie można wkleić własny HTML — blok własnego HTML w WordPressie, element osadzania w Wix, blok kodu w Squarespace lub ręcznie napisana strona.
Czy narzędzie jest bezpłatne?
Tak. Działa w całości w Twojej przeglądarce, bez rejestracji, bez znaku wodnego i bez limitu liczby generowanych kodów osadzania.