Incorporamento

L'incorporamento è il processo di inserimento di un [flipbook](/glossary/flipbook) o visualizzatore di documenti direttamente all'interno di un'altra pagina web utilizzando un [iframe](/glossary/iframe) o uno snippet JavaScript. Il contenuto incorporato viene renderizzato inline nella pagina ospitante, mantenendo piena interattività: sfogliamento delle pagine, zoom, ricerca e controlli di navigazione funzionano esattamente come nella visualizzazione diretta. Poiché il viewer si carica nel DOM della pagina ospitante, i lettori non lasciano mai il vostro sito e non vedono un dominio di terze parti nella barra del browser.

Quando incorporate una pubblicazione invece di inserire un link esterno, mantenete i visitatori all'interno della vostra esperienza di navigazione. Questo conta per tre motivi. Primo, i lettori che restano sul vostro sito hanno maggiori probabilità di compiere un'azione successiva — compilare un modulo, cliccare un [pulsante CTA](/features/cta-buttons) o esplorare pagine correlate. Secondo, le metriche di engagement come il tempo sulla pagina e la [profondità di scroll](/glossary/scroll-depth) rimangono attribuite al vostro dominio, con benefici per la SEO. Terzo, il contenuto incorporato appare nel flusso naturale della pagina, risultando parte integrante del vostro brand anziché una risorsa esterna.

La funzionalità [condivisione e distribuzione](/features/sharing-and-distribution) di FlipLink genera un [codice di incorporamento](/glossary/embed-code) pronto da incollare per ogni pubblicazione. L'opzione predefinita è un [iframe](/glossary/iframe) con [incorporamento responsive](/glossary/responsive-embed) che si adatta alla larghezza di qualsiasi contenitore, garantendo una visualizzazione corretta su desktop, tablet e smartphone senza dimensionamento manuale. Tutte le funzionalità configurate — pulsanti CTA, moduli di [cattura lead](/features/lead-capture), tracciamento [analytics](/features/analytics-and-insights) e [protezione con password](/features/password-protection) — funzionano all'interno dell'embed. Per le piattaforme che bloccano gli iframe (alcuni client email e social network), FlipLink offre l'[immagine cliccabile incorporata](/features/clickable-image-embed) come fallback: una miniatura della copertina che apre il flipbook completo in una nuova scheda. Potete anche limitare dove la vostra pubblicazione può essere incorporata utilizzando il [whitelisting dei domini](/glossary/domain-whitelisting).

Un embed link viene tipicamente fornito come tag HTML `<iframe>` che punta all'URL ospitato della pubblicazione. L'iframe opera in un contesto di navigazione isolato, il che significa che non può accedere ai cookie o allo scope JavaScript della pagina genitore — questo fornisce un livello di sicurezza sia per l'editore che per il sito ospitante. Il codice di incorporamento di FlipLink include `allow="fullscreen"` per consentire ai lettori di espandere il viewer, e utilizza `loading="lazy"` per differire il caricamento fino a quando l'iframe entra nel [viewport](/glossary/viewport), evitando rallentamenti nel rendering iniziale della pagina. Per applicazioni single-page o piattaforme CMS che rimuovono i tag iframe, è disponibile uno snippet JavaScript che crea dinamicamente l'iframe dopo il caricamento del DOM.

- **Adattate la larghezza del contenitore allo scopo del contenuto.** Un incorporamento a larghezza piena funziona bene per cataloghi e riviste. Per contenuti supplementari in un articolo del blog, un contenitore più stretto (600–800px) mantiene l'embed proporzionato al testo circostante. - **Usate il caricamento lazy.** Se incorporate più flipbook in una singola pagina — ad esempio una libreria di risorse — il [lazy loading](/glossary/lazy-loading) impedisce a tutti di richiedere risorse simultaneamente. - **Impostate un'altezza minima.** Senza un'altezza minima, l'iframe può collassare a zero su alcuni framework CSS. Un valore di 400–500px previene salti di layout durante il caricamento. - **Attivate il whitelisting dei domini.** Se la vostra pubblicazione contiene contenuti sensibili o protetti, limitate l'incorporamento ai vostri domini per impedire l'iframe-jacking da parte di terzi. - **Testate su mobile.** Gli embed responsive si adattano alla larghezza, ma verificate sempre che le interazioni touch (pinch-to-zoom, swipe per sfogliare) funzionino correttamente su dispositivi reali.

**Posso incorporare un flipbook FlipLink su qualsiasi website builder?** Sì. Qualsiasi piattaforma che consenta di aggiungere HTML personalizzato — WordPress, Wix, Squarespace, Webflow, Shopify o un sito codificato manualmente — supporta il codice iframe di FlipLink. Per piattaforme con editor a blocchi, incollate il codice in un blocco HTML o "Codice personalizzato". **L'incorporamento influisce sulla velocità della mia pagina?** Il codice di incorporamento di FlipLink utilizza il lazy loading per impostazione predefinita, quindi il flipbook si carica solo quando il visitatore scorre vicino ad esso. Il caricamento iniziale della pagina non viene influenzato. Una volta caricato l'iframe, le risorse vengono servite dalla CDN di FlipLink, mantenendo la consegna veloce indipendentemente dalla posizione del lettore. **Qual è la differenza tra incorporamento e condivisione link?** L'incorporamento mostra il flipbook direttamente sulla vostra pagina, consentendo ai lettori di interagire con esso inline. La [condivisione link](/glossary/link-sharing) invia i lettori a un URL separato dove il flipbook si apre a schermo intero. L'incorporamento è migliore per mantenere i visitatori sul vostro sito; la condivisione link è più adatta per canali come email e messaggistica dove il rendering inline non è possibile.