Code d'intégration

Un code d'intégration est un extrait de HTML — généralement une balise [iframe](/glossary/iframe) — que tu colles dans le code source d'une page web pour afficher un contenu externe directement intégré à cette page. Pour la publication numérique, les codes d'intégration chargent un lecteur de flipbook ou de document directement au sein de la page hôte, de sorte que les lecteurs interagissent avec la publication sans quitter la page. Le contenu lui-même est servi depuis les serveurs de la plateforme de publication, ce qui signifie qu'aucun hébergement de fichier n'est requis sur le site de destination. Lorsque la publication source est mise à jour, chaque instance intégrée reflète automatiquement le changement.

Les codes d'intégration comblent le fossé entre tes publications et ta présence web. Sans eux, le seul moyen de partager un flipbook passe par un lien direct, ce qui oblige les lecteurs à quitter ton site. L'intégration garde les visiteurs sur ton domaine, améliore les indicateurs comportementaux comme le temps passé sur la page, et crée une expérience de lecture fluide. Elle centralise aussi la gestion du contenu : mets à jour le PDF une seule fois, et chaque intégration sur chaque site affiche la dernière version. C'est particulièrement utile pour les catalogues, les listes de prix et les menus qui changent fréquemment.

FlipLink génère un code d'intégration prêt à l'emploi pour chaque flipbook ou document publié. Depuis le panneau de [partage et diffusion](/features/sharing-and-distribution), tu copies l'extrait iframe et tu le colles dans n'importe quel site web, blog ou CMS qui accepte le HTML. L'intégration est [adaptative](/glossary/responsive-embed) par défaut, s'ajustant à la largeur du conteneur sur écrans d'ordinateur et de mobile. FlipLink propose aussi une option d'[intégration d'image cliquable](/features/clickable-image-embed) qui affiche une vignette statique renvoyant vers le flipbook complet — utile pour les newsletters par e-mail ou les plateformes qui restreignent les iframes. Tu peux contrôler où ton contenu apparaît grâce à la [liste blanche de domaines](/glossary/domain-whitelisting), qui limite l'intégration aux seuls domaines approuvés.

Un code d'intégration se compose de quelques éléments clés : - **La balise iframe** : l'élément central qui crée une fenêtre vers le contenu externe. Elle inclut un attribut `src` pointant vers l'URL de la publication, ainsi que des attributs `width` et `height` pour le dimensionnement. - **Conteneur adaptatif** : un `div` englobant au dimensionnement en pourcentage garantit que l'iframe se redimensionne avec la mise en page. Le code d'intégration de FlipLink inclut ce conteneur par défaut, donc tu n'as pas besoin d'écrire ton propre CSS. - **Attributs allow** : les navigateurs modernes exigent des attributs `allow` explicites pour des fonctionnalités comme le plein écran. Le code d'intégration de FlipLink les inclut afin que toutes les fonctionnalités interactives marchent d'emblée. - **Contenu de repli** : un lien textuel à l'intérieur de la balise iframe sert de solution de repli pour les rares navigateurs ou clients de messagerie qui ne prennent pas en charge les iframes. L'intégration se charge de façon asynchrone, ce qui signifie qu'elle ne bloque pas l'affichage de la page hôte. L'impact sur les performances de la page est minime, car le lecteur de flipbook ne s'initialise que lorsque l'iframe devient visible dans la fenêtre d'affichage.

**Qu'est-ce qu'un code d'intégration ?** Un code d'intégration est un extrait HTML que tu colles dans ton site web pour afficher un contenu hébergé sur une autre plateforme. Pour les flipbooks, il crée généralement une iframe qui charge le lecteur de publication interactif directement sur ta page. **Puis-je intégrer un flipbook sur n'importe quel site web ?** Oui, tant que le site autorise le HTML personnalisé. Cela inclut WordPress, Shopify, Squarespace, Wix (via les blocs d'intégration HTML) et tout site développé sur mesure. Certaines plateformes comme les clients de messagerie ne prennent pas en charge les iframes — pour celles-ci, utilise plutôt l'intégration d'image cliquable de FlipLink. **Le code d'intégration se met-il à jour automatiquement quand je modifie la publication ?** Oui. Parce que le code d'intégration pointe vers l'URL de la publication sur les serveurs de FlipLink, toutes les mises à jour que tu effectues — remplacer le PDF, changer les paramètres ou modifier les boutons d'appel à l'action — se reflètent immédiatement dans chaque instance intégrée, sans toucher au code d'intégration de ton site.

1. Publie ton flipbook ou ton document dans FlipLink 2. Ouvre le panneau de partage et copie le code d'intégration 3. Dans le CMS ou l'éditeur de page de ton site web, ajoute un bloc HTML personnalisé 4. Colle le code d'intégration dans le bloc HTML 5. Prévisualise la page pour confirmer que le flipbook s'affiche correctement sur ordinateur et sur mobile 6. Si tu veux restreindre les endroits où le flipbook peut être intégré, configure la [liste blanche de domaines](/glossary/domain-whitelisting) dans les paramètres de ta publication 7. Teste les fonctionnalités interactives (tournage de page, boutons d'appel à l'action, [capture de prospects](/glossary/lead-capture)) dans la version intégrée pour vérifier qu'elles fonctionnent comme prévu