Intégration

L'intégration est le processus qui consiste à placer une visionneuse de flipbook ou de document directement à l'intérieur d'une autre page web à l'aide d'une [iframe](/glossary/iframe) ou d'un extrait JavaScript. Le contenu intégré s'affiche en ligne dans la page hôte, en conservant toute son interactivité — le feuilletage des pages, le zoom, la recherche et les commandes de navigation fonctionnent exactement comme lorsqu'on consulte la publication sur sa propre URL. Comme la visionneuse se charge dans le DOM de la page hôte, les lecteurs ne quittent jamais ton site et ne voient jamais de domaine tiers dans la barre de leur navigateur.

Quand tu intègres une publication au lieu d'y renvoyer par un lien, tu gardes les visiteurs au sein de ta propre expérience de navigation. Cela compte pour trois raisons. D'abord, les lecteurs qui restent sur ton site sont plus susceptibles de passer à l'étape suivante — remplir un formulaire, cliquer sur un [bouton CTA](/features/cta-buttons) ou explorer des pages connexes. Ensuite, les indicateurs d'engagement comme le temps passé sur la page et la [profondeur de défilement](/glossary/scroll-depth) restent attribués à ton domaine, ce qui profite au référencement. Enfin, le contenu intégré apparaît dans le flux naturel de la page, ce qui lui donne l'impression de faire partie de ta marque plutôt que d'être une ressource externe.

La fonctionnalité [partage et diffusion](/features/sharing-and-distribution) de FlipLink génère un [code d'intégration](/glossary/embed-code) prêt à coller pour chaque publication. L'option par défaut est une iframe d'[intégration responsive](/glossary/responsive-embed) qui s'adapte à la largeur de n'importe quel conteneur, pour que le flipbook s'affiche correctement sur ordinateur, tablette et téléphone sans réglage manuel des dimensions. Toutes les fonctionnalités configurées — boutons CTA, formulaires de [capture de prospects](/features/lead-capture), suivi par [statistiques](/features/analytics-and-insights) et [protection par mot de passe](/features/password-protection) — fonctionnent à l'intérieur de l'intégration. Pour les plateformes qui bloquent les iframes (certains clients de messagerie et réseaux sociaux), FlipLink propose une [intégration par image cliquable](/features/clickable-image-embed) comme solution de repli : une vignette de couverture qui ouvre le flipbook complet dans un nouvel onglet. Tu peux aussi restreindre les endroits où ta publication peut être intégrée grâce à la [liste blanche de domaines](/glossary/domain-whitelisting).

Un lien d'intégration est généralement fourni sous forme d'une balise HTML `<iframe>` pointant vers l'URL hébergée de la publication. L'iframe s'exécute dans un contexte de navigation isolé (sandbox), ce qui signifie qu'elle ne peut pas accéder aux cookies ni à la portée JavaScript de la page parente — cela fournit une couche de sécurité à la fois pour l'éditeur et pour le site hôte. Le code d'intégration de FlipLink inclut `allow="fullscreen"` pour que les lecteurs puissent agrandir la visionneuse, et utilise `loading="lazy"` afin de différer le chargement jusqu'à ce que l'iframe entre dans la zone visible, ce qui évite de ralentir le rendu initial de la page hôte. Pour les applications monopages ou les plateformes CMS qui suppriment les balises iframe, un extrait JavaScript d'intégration est disponible : il crée dynamiquement l'iframe une fois le DOM chargé.

- **Adapte la largeur du conteneur à l'objectif du contenu.** Une intégration pleine largeur convient bien aux catalogues et aux magazines. Pour un contenu complémentaire au sein d'un article de blog, un conteneur plus étroit (600 à 800 px) maintient l'intégration proportionnée au texte environnant. - **Utilise le chargement différé.** Si tu intègres plusieurs flipbooks sur une même page — par exemple une bibliothèque de ressources — le chargement différé évite qu'ils ne demandent tous leurs ressources en même temps. - **Définis une hauteur minimale.** Sans hauteur minimale, l'iframe peut se réduire à zéro sur certains frameworks CSS. Une valeur de 400 à 500 px empêche les sauts de mise en page pendant le chargement du contenu. - **Active la liste blanche de domaines.** Si ta publication contient du contenu sensible ou réservé, restreins l'intégration à tes propres domaines pour qu'elle ne puisse pas être détournée dans une iframe par des tiers. - **Teste sur mobile.** Les intégrations responsives s'adaptent à la largeur, mais vérifie toujours que les interactions tactiles (pincer pour zoomer, glisser pour feuilleter) fonctionnent correctement sur de vrais appareils.

**Puis-je intégrer un flipbook FlipLink sur n'importe quel créateur de site ?** Oui. Toute plateforme qui te permet d'ajouter du HTML personnalisé — WordPress, Wix, Squarespace, Webflow, Shopify ou un site codé à la main — prend en charge le code d'intégration en iframe de FlipLink. Pour les plateformes qui utilisent des éditeurs par blocs, colle le code dans un bloc HTML ou « code personnalisé ». **L'intégration affecte-t-elle la vitesse de ma page ?** Le code d'intégration de FlipLink utilise le chargement différé par défaut, donc le flipbook ne se charge que lorsqu'un visiteur fait défiler à proximité. Le chargement initial de la page n'est pas affecté. Une fois l'iframe chargée, les ressources sont servies depuis le CDN de FlipLink, ce qui maintient une diffusion rapide quelle que soit la localisation du lecteur. **Quelle est la différence entre l'intégration et le partage par lien ?** L'intégration affiche le flipbook directement sur ta page, pour que les lecteurs interagissent avec lui en ligne. Le [partage par lien](/glossary/link-sharing) envoie les lecteurs vers une URL distincte où le flipbook s'ouvre en plein écran. L'intégration est meilleure pour garder les visiteurs sur ton site ; le partage par lien est meilleur pour les canaux comme l'e-mail et la messagerie, où l'affichage en ligne n'est pas possible.