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 или страница, написанная вручную.
Инструмент бесплатный?
Да. Он работает полностью в вашем браузере — без регистрации, без водяного знака и без ограничения на количество создаваемых кодов вставки.