iFrame

Un iFrame (inline frame) è un elemento HTML che incorpora una pagina web all'interno di un'altra. Definito dal tag `<iframe>`, crea una finestra rettangolare indipendente nella vostra pagina che carica e visualizza contenuti da un URL separato. Il contenuto incorporato mantiene il proprio contesto documento — con DOM, stili e script separati — isolato dalla pagina ospitante. Gli iFrame sono ampiamente utilizzati per incorporare video, mappe, moduli, gateway di pagamento e widget interattivi senza che la pagina ospitante debba gestire direttamente il codice o lo stile di quel contenuto.

Per gli editori digitali, gli iFrame forniscono il modo più semplice e universale per inserire un [flipbook](/glossary/flipbook) interattivo o un visualizzatore di documenti direttamente su un sito web esistente. I visitatori possono sfogliare la pubblicazione senza lasciare la pagina, mantenendo il coinvolgimento sul vostro sito anziché reindirizzarli a un link di terze parti. Questo migliora il tempo sulla pagina, riduce il [bounce rate](/glossary/bounce-rate) e integra l'esperienza di lettura nel vostro design esistente. Poiché gli iFrame sono una funzionalità HTML nativa supportata da ogni browser moderno, funzionano su WordPress, Shopify, Squarespace, siti personalizzati e praticamente qualsiasi CMS.

FlipLink genera un [codice di incorporamento](/glossary/embed-code) iFrame pronto all'uso per ogni [flipbook](/glossary/flipbook) e documento pubblicato. Copiate lo snippet dalla dashboard di FlipLink e incollatelo nell'HTML del vostro sito, editor CMS o costruttore di [landing page](/glossary/landing-page). L'iFrame carica il visualizzatore completo FlipLink — incluse le [animazioni di sfoglio pagine](/glossary/page-flip-animation), i [pulsanti CTA](/glossary/call-to-action-cta), i [moduli di lead capture](/glossary/lead-capture) e il [tracciamento analytics](/glossary/analytics-dashboard) — nelle dimensioni specificate. L'[incorporamento responsivo](/features/sharing-and-distribution) di FlipLink assicura che l'iFrame si adatti automaticamente a qualsiasi dimensione dello schermo. FlipLink offre anche un'opzione di [immagine cliccabile incorporata](/features/clickable-image-embed) come alternativa leggera che rimanda al visualizzatore completo.

Un incorporamento iFrame utilizza questa struttura HTML di base: ```html <iframe src="https://go.fliplink.me/your-flipbook" width="100%" height="600" frameborder="0" allowfullscreen> </iframe> ``` Attributi chiave che influenzano il comportamento: - **`src`** — L'URL del contenuto da incorporare. FlipLink fornisce questo URL per ogni pubblicazione. - **`width` / `height`** — Controlla l'area visibile. Il codice di incorporamento responsivo di FlipLink usa larghezze percentuali per layout fluidi. - **`sandbox`** — Limita ciò che il contenuto incorporato può fare (ad es. bloccare moduli, script o popup). Il codice di FlipLink è configurato per consentire le interazioni necessarie alla piena funzionalità. - **`loading="lazy"`** — Rinvia il caricamento dell'iFrame fino a quando l'utente non scorre nelle vicinanze, migliorando le prestazioni di caricamento iniziale. - **`allow`** — Specifica i permessi delle funzionalità come la modalità schermo intero, che FlipLink utilizza per una lettura immersiva.

Gli iFrame introducono un confine di fiducia tra la pagina ospitante e il contenuto incorporato. Comprendere il modello di sicurezza aiuta a incorporare contenuti in modo sicuro: - **Same-origin policy** — I browser impediscono alla pagina ospitante di accedere al DOM di un iFrame cross-origin e viceversa. Il vostro sito non può leggere o manipolare gli interni del visualizzatore FlipLink, e il visualizzatore incorporato non può accedere ai cookie o ai dati del vostro sito. - **[Domain whitelisting](/glossary/domain-whitelisting)** — FlipLink permette di limitare quali domini possono incorporare le vostre pubblicazioni, impedendo a siti non autorizzati di visualizzare i vostri contenuti nei propri iFrame. - **Content Security Policy (CSP)** — Se il vostro sito usa header CSP rigidi, potrebbe essere necessario aggiungere il dominio di FlipLink alla direttiva `frame-src` per consentire il caricamento dell'iFrame. - **Protezione clickjacking** — FlipLink imposta header `X-Frame-Options` e CSP appropriati per controllare dove il visualizzatore può essere incorporato, consentendo al contempo i vostri domini autorizzati.

**"Gli iFrame sono dannosi per la SEO."** I motori di ricerca possono seguire i link all'interno degli iFrame e indicizzare il contenuto incorporato separatamente, ma il contenuto non contribuisce al ranking SEO della pagina ospitante. Per i flipbook, questo non è un problema — il valore SEO risiede nei contenuti, titoli e metadati della vostra pagina, mentre il flipbook serve come strumento di coinvolgimento. **"Gli iFrame rallentano sempre la mia pagina."** Un iFrame di per sé aggiunge un overhead minimo. I problemi di prestazioni derivano da ciò che l'iFrame carica. Utilizzando `loading="lazy"` il flipbook si carica solo quando l'utente scorre fino ad esso, mantenendo veloce il caricamento iniziale della pagina. **"Gli iFrame sono una tecnologia obsoleta."** Mentre alcuni utilizzi legacy degli iFrame (come la costruzione di layout) sono effettivamente obsoleti, l'incorporamento basato su iFrame rimane lo standard per widget di terze parti, moduli di pagamento e contenuti interattivi. Ogni piattaforma principale — YouTube, Google Maps, Stripe e FlipLink — usa gli iFrame per l'incorporamento.

Un iFrame è il metodo standard e sicuro per incorporare contenuti interattivi come flipbook su qualsiasi sito web. Fornisce funzionalità completa mantenendo il contenuto incorporato isolato dal codice e dagli stili della pagina ospitante.