Online Tool Store
Генератор коду вставлення
Вставте посилання з YouTube, Vimeo, TikTok чи інше й отримайте адаптивний iframe чи скрипт-вставку з попереднім переглядом — безкоштовно у браузері.
🔒 Цей інструмент працює повністю у вашому браузері. Ваші файли ніколи не завантажуються на сервер.
Крок 1 · Введення
URL для вставлення
Визначена платформа: очікування URL
Параметри
Усе виконується у вашому браузері — нічого звідси не надсилається на сервер.
Крок 2 · Перегляд
Перегляд у реальному часі
Введіть вище коректний URL, щоб побачити тут перегляд у реальному часі.
Багато сайтів забороняють вбудовування (через X-Frame-Options або політику CSP frame-ancestors). Якщо перегляд залишається порожнім, створений код усе одно правильний — цю ціль не можна помістити у фрейм на жодному сайті, а не лише в цьому перегляді.
Крок 3 · Створений код
Вставте це на свою сторінку
Підтримувані платформи
Визначаються та оптимізуються автоматично
Вставте звичайне посилання з будь-якої з них, і інструмент перепише його на URL вставлення цієї платформи. Будь-який інший коректний http(s) URL використовується як звичайний iframe. Виберіть одну, щоб завантажити приклад.
Як працює Генератор коду вставлення
- Вставте звичайне посилання: YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud, X або будь-яку іншу сторінку.
- Інструмент визначає платформу й перетворює посилання на правильний URL для вставлення.
- Виберіть адаптивний iframe, фіксований iframe або скрипт-вставку, потім налаштуйте розмір, вирівнювання, поведінку завантаження та дозволи — код і попередній перегляд оновлюються під час введення.
- Скопіюйте результат одним кліком.
FAQ
Чи перевіряється введений URL?
Так. Перед генерацією коду URL має бути коректною адресою http:// або https:// — хибне введення показує вбудовану помилку замість того, щоб створити зламану розмітку.
Які платформи розпізнаються автоматично?
Вставте звичайне посилання з YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud або X (Twitter), і інструмент автоматично перепише його на URL для вставлення цієї платформи, показавши індикатор "Detected platform" поруч із полем. Посилання Google Maps розпізнаються, але потребують власного URL Google із «Поділитися → Вставити». Будь-який інший коректний URL http(s) використовується як звичайний iframe.
Чим відрізняються три типи вставлення?
Адаптивний iframe розміщує рамку в контейнері, який зберігає вибране співвідношення ширини та висоти під час зміни розміру сторінки. Фіксований iframe використовує точні ширину та висоту в пікселях. Скрипт-вставка виводить один тег <script> для сервісів, які вбудовують вміст через JavaScript, а не через iframe.
Чи безпечно вставляти отриманий HTML як є?
Так. URL і заголовок екрануються як HTML перед підстановкою у фрагмент, тож лапки або кутові дужки у вашому введенні не можуть вийти за межі створених атрибутів.
Чому попередній перегляд іноді порожній?
Багато сайтів надсилають заголовок X-Frame-Options або Content-Security-Policy, який забороняє їх завантаження в будь-якому iframe, зокрема в цьому перегляді. Це обмеження цільового сайту, а не проблема створеного коду.
Чи працюватиме код у WordPress, Wix або Squarespace?
Так. Результат — це звичайний HTML (iframe або тег скрипта), тож він працює всюди, де можна вставити власний HTML: блок довільного HTML у WordPress, елемент вставлення у Wix, блок коду у Squarespace або сторінка, написана вручну.
Чи інструмент безкоштовний?
Так. Він працює повністю у вашому браузері — без реєстрації, без водяного знака й без обмеження на кількість створюваних кодів вставлення.