Generator voor responsieve embedcode (YouTube, Vimeo, Maps, Calendly) | We.Inc
Plak een link van YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom of Google Forms en krijg responsive, lazy-loaded iframe-code met een toegankelijke titel, een live preview en een privacynotitie per provider.
Plak een link van een ondersteunde provider, kies een beeldverhouding en geef de embed een titel. U krijgt iframe-code die schaalt naar elke schermbreedte, alleen laadt wanneer een bezoeker er in de buurt scrolt, en een titel draagt voor gebruikers van schermlezers. Een live preview toont het resultaat, en een notitie per provider vertelt u wat deze mogelijk bijhoudt en of er een privacyvriendelijke optie bestaat. Alles draait in uw browser. Niets wat u typt of uploadt wordt naar We.Inc of iemand anders gestuurd.
Plak een link: een YouTube- of Vimeo-video, een Google Maps-embedlink, een Calendly-boekingspagina, een Spotify-track of playlist, een Loom-video of een Google Formulier.
De tool herkent de provider en herschrijft de link naar het officiële embedadres van die provider. Links die niet herkend worden, worden geweigerd in plaats van geraden.
Kies de beeldverhouding (16:9 voor video, 4:3, 1:1, of een vaste hoogte voor boekingspagina's en formulieren) en schrijf een titel die zegt wat de embed is.
Kies laadgedrag. Lazy loading staat standaard aan zodat de embed de eerste weergave van de pagina niet vertraagt.
Controleer de live preview en kopieer dan de HTML. De providernotitie vermeldt wat u moet noemen in uw privacy- of cookiemelding.
Geef elke iframe een titel die de inhoud beschrijft, zoals "Kaart naar onze winkel aan de Kingstraat". Schermlezers kondigen deze aan.
Gebruik youtube-nocookie.com voor YouTube-video's. Dit voorkomt het instellen van YouTube-cookies totdat de bezoeker op afspelen drukt.
Houd zware embeds onder het eerste scherm of laad ze lazy; elke laadt een hele pagina van een andere site.
Boekingswidgets, chatwidgets en formulieren zijn het product van de provider, niet van uw website. Hun voorwaarden en gegevensverwerking zijn van toepassing.
Gebruik voor Google Maps Delen, dan Kaart insluiten, en kopieer dan het adres binnen src. Een normale maps-link kan niet worden ingesloten.
Veelgestelde vragen
Hoe maak ik een iframe responsive?
Verpak het in een container die aspect-ratio instelt (bijvoorbeeld 16 / 9) en width: 100%, en laat de iframe de container vullen. Oudere sites gebruikten een padding-top-truc; aspect-ratio wordt door alle huidige browsers ondersteund. Deze tool geeft de moderne versie.
Welke providers worden ondersteund?
YouTube (inclusief Shorts en youtu.be-links), Vimeo, Google Maps embedlinks, Calendly, Spotify, Loom en Google Forms. Elk heeft een gedocumenteerd embedadres. Andere links worden geweigerd zodat de tool nooit code uitvoert die niet werkt.
Schaadt lazy loading de embed?
Nee. loading="lazy" vertelt de browser de iframe pas op te halen wanneer deze dicht bij het zichtbare deel van de pagina is. Bezoekers die ernaartoe scrollen, zien hem gewoon laden.
Biedt We.Inc boekingen of chat aan?
Nee. Calendly en vergelijkbare tools zijn aparte diensten waarvoor u zich bij hen aanmeldt. Deze tool produceert alleen de code om hun widget op uw pagina te tonen.
Waarom werkt mijn Google Maps-link niet?
Normale maps.google.com- en goo.gl-links blokkeren insluiten. Open de plek in Google Maps, kies Delen, dan Kaart insluiten, en plak het adres uit het src-deel van de code die wordt getoond.
Wat elke embed uw bezoekers kost
Een embed is een klein venster op de pagina van een ander bedrijf. Het laadt hun scripts, kan hun cookies instellen en voegt gewicht toe aan uw pagina. Dat is vaak de moeite waard, maar het moet een keuze zijn: laad embeds onder het eerste scherm lazy, gebruik privacyversterkte modi waar die bestaan, en vermeld externe embeds in uw privacymelding.
Toegankelijke embeds
Schermlezers kondigen een iframe aan via de titel. Zonder titel horen bezoekers alleen "frame" en verder niets. Een duidelijke titel, een tekstlink naar dezelfde content onder de embed, en ondertitels bij video's maken ingesloten content voor iedereen bruikbaar.