Вставьте ссылку на YouTube, Vimeo, Google Карты, Calendly, Spotify, Loom или Google Forms и получите адаптивный код iframe с отложенной загрузкой и доступным заголовком, живое превью и заметку о приватности для каждого сервиса.
Вставьте ссылку от поддерживаемого сервиса, выберите соотношение сторон и дайте вставке название. Вы получите код iframe, который масштабируется под любую ширину экрана, загружается только когда посетитель прокручивает страницу к нему, и несёт заголовок для пользователей программ чтения с экрана. Живое превью показывает результат, а заметка для каждого сервиса объясняет, что он может отслеживать и есть ли вариант с уважением к приватности. Всё считается в вашем браузере. Ничего из того, что вы вводите или загружаете, не отправляется в We.Inc или кому-либо ещё.
Вставьте ссылку: видео с YouTube или Vimeo, ссылку встраивания Google Карт, страницу записи Calendly, трек или плейлист Spotify, видео Loom или Google Форму.
Инструмент распознаёт сервис и переписывает ссылку в официальный адрес встраивания этого сервиса. Нераспознанные ссылки отклоняются, а не угадываются.
Выберите соотношение сторон (16:9 для видео, 4:3, 1:1 или фиксированную высоту для страниц записи и форм) и напишите заголовок, объясняющий, что это за вставка.
Выберите поведение загрузки. Отложенная загрузка включена по умолчанию, чтобы вставка не замедляла первый показ страницы.
Проверьте живое превью, затем скопируйте HTML. Заметка сервиса перечисляет, что упомянуть в вашем уведомлении о приватности или cookie.
Дайте каждому iframe заголовок, описывающий его содержимое, например «Карта проезда к магазину на улице Кинг». Программы чтения с экрана объявляют его.
Используйте youtube-nocookie.com для видео с YouTube. Это позволяет избежать установки cookie YouTube, пока посетитель не нажмёт play.
Держите тяжёлые вставки ниже первого экрана или используйте отложенную загрузку; каждая из них загружает целую страницу с другого сайта.
Виджеты записи, чата и формы — это продукт сервиса, а не вашего сайта. К ним применяются их условия и работа с данными.
Для Google Карт используйте «Поделиться», затем «Встроить карту», затем скопируйте адрес внутри src. Обычную ссылку на карту встроить нельзя.
Частые вопросы
Как сделать iframe адаптивным?
Оберните его в контейнер, который задаёт aspect-ratio (например, 16 / 9) и width: 100%, и заставьте iframe заполнять контейнер. Старые сайты использовали трюк с padding-top; aspect-ratio поддерживают все современные браузеры. Этот инструмент выдаёт современную версию.
Какие сервисы поддерживаются?
YouTube (включая Shorts и ссылки youtu.be), Vimeo, ссылки встраивания Google Карт, Calendly, Spotify, Loom и Google Forms. У каждого есть документированный адрес встраивания. Остальные ссылки отклоняются, чтобы инструмент никогда не выдавал код, который не заработает.
Отложенная загрузка вредит вставке?
Нет. loading="lazy" говорит браузеру загружать iframe только когда он близко к видимой части страницы. Посетители, которые прокручивают до него, видят обычную загрузку.
We.Inc предоставляет запись или чат?
Нет. Calendly и похожие инструменты — это отдельные сервисы, на которые вы подписываетесь у них самих. Этот инструмент только создаёт код для показа их виджета на вашей странице.
Почему моя ссылка на Google Карты не работает?
Обычные ссылки maps.google.com и goo.gl блокируют встраивание. Откройте место в Google Картах, выберите «Поделиться», затем «Встроить карту», и вставьте адрес из части src показанного кода.
Что каждая вставка стоит вашим посетителям
Вставка — это маленькое окно на страницу другой компании. Она загружает их скрипты, может устанавливать их cookie и добавляет вес вашей странице. Часто это того стоит, но должно быть осознанным выбором: используйте отложенную загрузку для вставок ниже первого экрана, применяйте режимы с уважением к приватности там, где они есть, и упоминайте сторонние вставки в уведомлении о приватности.
Доступные вставки
Программы чтения с экрана объявляют iframe по его заголовку. Без него посетители слышат просто «фрейм» и ничего больше. Понятный заголовок, текстовая ссылка на тот же контент под вставкой и субтитры к видео делают встроенный контент доступным для всех.