Вставте посилання YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom або Google Forms і отримайте адаптивний iframe з відкладеним завантаженням, доступною назвою, попереднім переглядом і приміткою про приватність для кожного сервісу.
Вставте посилання на підтримуваний сервіс, виберіть співвідношення сторін і задайте назву вбудованого вмісту. Ви отримаєте код iframe, який адаптується до ширини екрана, завантажується лише тоді, коли відвідувач прокручує сторінку до нього, і має назву для користувачів програм читання з екрана. Результат видно в режимі попереднього перегляду, а примітка для кожного сервісу повідомляє, які дані він може відстежувати та чи є варіант із кращим захистом приватності. Усе працює у вашому браузері. Введені чи завантажені вами дані не надсилаються до We.Inc або будь-кому іншому.
Вставте посилання: відео YouTube чи Vimeo, посилання Google Maps для вбудовування, сторінку запису Calendly, доріжку або список відтворення Spotify, відео Loom чи форму Google Forms.
Інструмент визначає сервіс і перетворює посилання на його офіційну адресу вбудовування. Нерозпізнані посилання відхиляються, а не обробляються навмання.
Виберіть співвідношення сторін (16:9 для відео, 4:3, 1:1 або фіксовану висоту для сторінок запису й форм) і додайте назву, яка пояснює вміст вбудованого елемента.
Виберіть спосіб завантаження. Відкладене завантаження ввімкнено за замовчуванням, щоб вбудований елемент не сповільнював початкове відкриття сторінки.
Перевірте результат у режимі попереднього перегляду, а потім скопіюйте HTML-код. Примітка щодо сервісу підказує, що вказати в повідомленні про приватність або файли cookie.
Додайте кожному iframe назву, яка описує його вміст, наприклад «Карта до нашої крамниці на King Street». Програми читання з екрана оголошують цю назву.
Використовуйте youtube-nocookie.com для відео YouTube. Це запобігає встановленню файлів cookie YouTube до натискання кнопки відтворення.
Розміщуйте важкі вбудовані елементи нижче першого екрана або завантажуйте їх із затримкою: кожен із них завантажує цілу сторінку з іншого сайту.
Віджети бронювання, чату й форм належать постачальникам, а не вашому сайту. На них поширюються умови та правила обробки даних відповідного постачальника.
Для Google Maps натисніть Share, потім Embed a map і скопіюйте адресу в src. Звичайне посилання на карту не можна вбудувати.
Поширені запитання
Як зробити iframe адаптивним?
Помістіть його в контейнер із властивостями aspect-ratio (наприклад 16 / 9) і width: 100%, а iframe розтягніть на весь контейнер. У старіших сайтах використовували прийом padding-top; властивість aspect-ratio підтримують усі сучасні браузери. Цей інструмент створює сучасний варіант.
Які сервіси підтримуються?
YouTube (зокрема Shorts і посилання youtu.be), Vimeo, посилання Google Maps для вбудовування, Calendly, Spotify, Loom і Google Forms. Для кожного є задокументована адреса вбудовування. Інші посилання відхиляються, щоб інструмент не створював неробочий код.
Чи зашкодить вбудованому елементу відкладене завантаження?
Ні. loading="lazy" повідомляє браузеру завантажити iframe, лише коли він наблизиться до видимої частини сторінки. Відвідувачі, які прокрутять сторінку до нього, побачать звичайне завантаження.
Чи надає We.Inc послуги бронювання або чату?
Ні. Calendly та подібні інструменти — це окремі сервіси, у яких потрібно зареєструватися напряму. Цей інструмент лише створює код для показу їхнього віджета на вашій сторінці.
Чому моє посилання Google Maps не працює?
Звичайні посилання maps.google.com і goo.gl блокують вбудовування. Відкрийте місце в Google Maps, виберіть Share, потім Embed a map і вставте адресу з частини src у показаному коді.
Які витрати вбудований елемент створює для відвідувачів
Вбудований елемент — це невелике вікно до сторінки іншої компанії. Воно завантажує її скрипти, може встановлювати її файли cookie й збільшує обсяг сторінки. Часто це корисно, але має бути свідомим вибором: завантажуйте із затримкою елементи нижче першого екрана, використовуйте режими з посиленим захистом приватності, якщо вони є, і зазначайте сторонні вбудовані елементи у повідомленні про приватність.
Доступність вбудованого вмісту
Програми читання з екрана оголошують iframe за його назвою. Без неї відвідувач почує лише «фрейм» і нічого більше. Зрозуміла назва, текстове посилання на той самий вміст під вбудованим елементом і субтитри у відео роблять його доступним для всіх.