Incolla un link YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom o Google Forms e ottieni codice iframe responsive, a caricamento lento, con titolo accessibile, un'anteprima live e una nota sulla privacy per ogni provider.
Incolla un link da un provider supportato, scegli un rapporto di aspetto e dai un titolo all'embed. Ottieni codice iframe che si adatta a qualsiasi larghezza di schermo, si carica solo quando un visitatore ci scorre vicino, e porta un titolo per gli utenti di screen reader. Un'anteprima live mostra il risultato, e una nota per ogni provider ti dice cosa potrebbe tracciare e se esiste un'opzione più rispettosa della privacy. Tutto gira nel tuo browser. Niente di ciò che digiti o carichi viene inviato a We.Inc o a chiunque altro.
Incolla un link: un video YouTube o Vimeo, un link embed di Google Maps, una pagina di prenotazione Calendly, una traccia o playlist Spotify, un video Loom o un Google Form.
Lo strumento riconosce il provider e riscrive il link nell'indirizzo embed ufficiale di quel provider. I link che non riconosce sono rifiutati piuttosto che indovinati.
Scegli il rapporto di aspetto (16:9 per video, 4:3, 1:1, o un'altezza fissa per pagine di prenotazione e moduli) e scrivi un titolo che dice cos'è l'embed.
Scegli il comportamento di caricamento. Il caricamento lento è attivo per impostazione predefinita così l'embed non rallenta la prima visualizzazione della pagina.
Controlla l'anteprima live, poi copia l'HTML. La nota del provider elenca cosa menzionare nella tua informativa sulla privacy o sui cookie.
Dai a ogni iframe un titolo che descrive il suo contenuto, come "Mappa del nostro negozio su King Street". Gli screen reader lo annunciano.
Usa youtube-nocookie.com per i video YouTube. Evita di impostare i cookie YouTube finché il visitatore non preme play.
Mantieni gli embed pesanti sotto la prima schermata o caricali lentamente; ognuno carica un'intera pagina da un altro sito.
I widget di prenotazione, chat e moduli sono il prodotto del provider, non del tuo sito web. Si applicano i loro termini e la loro gestione dei dati.
Per Google Maps, usa Condividi, poi Incorpora una mappa, poi copia l'indirizzo dentro src. Un normale link maps non può essere incorporato.
Domande frequenti
Come rendo un iframe responsive?
Racchiudilo in un contenitore che imposta aspect-ratio (per esempio 16 / 9) e width: 100%, e fai riempire il contenitore dall'iframe. I siti più vecchi usavano un trucco con padding-top; aspect-ratio è supportato da tutti i browser attuali. Questo strumento produce la versione moderna.
Quali provider sono supportati?
YouTube (inclusi Shorts e link youtu.be), Vimeo, link embed di Google Maps, Calendly, Spotify, Loom e Google Forms. Ognuno ha un indirizzo embed documentato. Altri link sono rifiutati così lo strumento non produce mai codice che non funzionerà.
Il caricamento lento danneggia l'embed?
No. loading="lazy" dice al browser di recuperare l'iframe solo quando è vicino alla parte visibile della pagina. I visitatori che scorrono fino ad esso lo vedono caricarsi normalmente.
We.Inc fornisce prenotazioni o chat?
No. Calendly e strumenti simili sono servizi separati a cui ti iscrivi con loro. Questo strumento produce solo il codice per mostrare il loro widget sulla tua pagina.
Perché il mio link Google Maps non funziona?
I normali link maps.google.com e goo.gl bloccano l'incorporamento. Apri il luogo in Google Maps, scegli Condividi, poi Incorpora una mappa, e incolla l'indirizzo dalla parte src del codice che ti mostra.
Cosa costa ogni embed ai tuoi visitatori
Un embed è una piccola finestra sulla pagina di un'altra azienda. Carica i loro script, può impostare i loro cookie e aggiunge peso alla tua pagina. Spesso ne vale la pena, ma dovrebbe essere una scelta: carica lentamente gli embed sotto la prima schermata, usa modalità potenziate per la privacy dove esistono, e menziona gli embed di terze parti nella tua informativa sulla privacy.
Embed accessibili
Gli screen reader annunciano un iframe dal suo titolo. Senza uno, i visitatori sentono "frame" e nient'altro. Un titolo chiaro, un link di testo allo stesso contenuto sotto l'embed, e sottotitoli sui video rendono il contenuto incorporato usabile da tutti.