Codice di Incorporamento

Un codice di incorporamento è uno snippet HTML — tipicamente un tag [iframe](/glossary/iframe) — che si incolla nel codice sorgente di una pagina web per visualizzare contenuti esterni inline su quella pagina. Per la pubblicazione digitale, i codici di incorporamento caricano un visualizzatore di [flipbook](/glossary/flipbook) o documenti direttamente nella pagina ospitante, permettendo ai lettori di interagire con la pubblicazione senza navigare altrove. Il contenuto è servito dai server della piattaforma di pubblicazione, il che significa che non è necessario alcun hosting di file sul sito di destinazione. Quando la pubblicazione sorgente viene aggiornata, ogni istanza incorporata riflette la modifica automaticamente.

I codici di incorporamento collegano le vostre pubblicazioni alla vostra presenza web. Senza di essi, l'unico modo per condividere un flipbook sarebbe un link diretto, costringendo i lettori a lasciare il vostro sito. L'incorporamento mantiene i visitatori sul vostro dominio, migliora le metriche comportamentali come il tempo sulla pagina e crea un'esperienza di lettura fluida. Centralizza inoltre la gestione dei contenuti: aggiornate il PDF una volta e ogni embed su ogni sito mostra l'ultima versione. Questo è particolarmente prezioso per cataloghi, listini prezzi e menu che cambiano frequentemente.

FlipLink genera un codice di incorporamento pronto all'uso per ogni flipbook o documento pubblicato. Dal pannello [condivisione e distribuzione](/features/sharing-and-distribution), copiate lo snippet [iframe](/glossary/iframe) e incollatelo in qualsiasi sito web, blog o CMS che accetta HTML. L'incorporamento è [responsive](/glossary/responsive-embed) per impostazione predefinita, adattandosi alla larghezza del contenitore su schermi desktop e mobile. FlipLink offre anche un'opzione di [immagine cliccabile incorporata](/features/clickable-image-embed) che mostra una miniatura statica che collega al flipbook completo — utile per newsletter via email o piattaforme che limitano gli iframe. Potete controllare dove appare il vostro contenuto usando il [whitelisting dei domini](/glossary/domain-whitelisting), che limita l'incorporamento ai soli domini approvati.

Un codice di incorporamento è composto da alcuni elementi chiave: - **Il tag iframe**: L'elemento principale che crea una finestra sul contenuto esterno. Include un attributo `src` che punta all'URL della pubblicazione, più attributi `width` e `height` per il dimensionamento. - **Wrapper responsive**: Un `div` circostante con dimensionamento percentuale assicura che l'iframe si adatti al layout della pagina. Il codice di incorporamento di FlipLink include questo wrapper per impostazione predefinita, quindi non è necessario scrivere CSS personalizzato. - **Attributi allow**: I browser moderni richiedono attributi `allow` espliciti per funzionalità come lo schermo intero. Il codice di FlipLink li include affinché tutte le funzionalità interattive funzionino immediatamente. - **Contenuto di fallback**: Un link testuale all'interno del tag iframe serve come fallback per i rari browser o client email che non supportano gli iframe. L'embed si carica in modo asincrono, il che significa che non blocca il rendering della pagina ospitante. L'impatto sulle prestazioni è minimo perché il visualizzatore del flipbook si inizializza solo quando l'iframe diventa visibile nel [viewport](/glossary/viewport).

**Cos'è un codice di incorporamento?** Un codice di incorporamento è uno snippet HTML che incollate nel vostro sito web per visualizzare contenuti ospitati su un'altra piattaforma. Per i flipbook, crea tipicamente un iframe che carica il visualizzatore interattivo della pubblicazione direttamente sulla vostra pagina. **Posso incorporare un flipbook su qualsiasi sito web?** Sì, a condizione che il sito consenta HTML personalizzato. Questo include WordPress, Shopify, Squarespace, Wix (tramite blocchi HTML embed) e qualsiasi sito personalizzato. Alcuni client email non supportano gli iframe — per questi, usate l'opzione immagine cliccabile incorporata di FlipLink. **Il codice di incorporamento si aggiorna automaticamente quando modifico la pubblicazione?** Sì. Poiché il codice punta all'URL della pubblicazione sui server di FlipLink, qualsiasi aggiornamento — sostituzione del PDF, modifica delle impostazioni o aggiornamento dei pulsanti CTA — si riflette immediatamente in ogni istanza incorporata senza toccare il codice sul vostro sito.

1. Pubblicate il vostro flipbook o documento in FlipLink 2. Aprite il pannello di condivisione e copiate il codice di incorporamento 3. Nel CMS o editor della vostra pagina, aggiungete un blocco HTML personalizzato 4. Incollate il codice di incorporamento nel blocco HTML 5. Visualizzate l'anteprima della pagina per confermare che il flipbook si renderizza correttamente su desktop e mobile 6. Se volete limitare dove il flipbook può essere incorporato, configurate il [whitelisting dei domini](/glossary/domain-whitelisting) nelle impostazioni della pubblicazione 7. Testate le funzionalità interattive (sfogliamento pagine, pulsanti CTA, [lead capture](/glossary/lead-capture)) nella versione incorporata per verificare che funzionino come previsto