Een flipbook plaatsen op een andere website via een iframe of embedcode voor inline weergave.
Definitie
Insluiten is het proces van het plaatsen van een [flipbook](/glossary/flipbook)- of documentviewer direct binnen een andere webpagina met behulp van een [iframe](/glossary/iframe) of JavaScript-snippet. De ingesloten content wordt inline weergegeven op de hostpagina, met volledige interactiviteit — pagina's omslaan, zoomen, zoeken en navigatie werken precies zoals bij directe weergave. Omdat de viewer wordt geladen in het DOM van de hostpagina, verlaten lezers nooit je site en zien ze geen extern domein in de browserbalk.
Waarom Het Belangrijk Is
Wanneer je een publicatie insluit in plaats van ernaar te linken, houd je bezoekers binnen je eigen browse-ervaring. Dit is om drie redenen belangrijk. Ten eerste: lezers die op je site blijven, nemen eerder een volgende stap — een formulier invullen, op een [CTA-knop](/features/cta-buttons) klikken of gerelateerde pagina's verkennen. Ten tweede: betrokkenheidsstatistieken zoals tijd op de pagina en [scrolldiepte](/glossary/scroll-depth) worden toegeschreven aan jouw domein, wat gunstig is voor SEO. Ten derde: ingesloten content verschijnt in de natuurlijke flow van de pagina, waardoor het aanvoelt als onderdeel van je merk in plaats van een externe bron.
Hoe Het Werkt in FlipLink
De functie [delen en distributie](/features/sharing-and-distribution) van FlipLink genereert een kant-en-klare [insluitcode](/glossary/embed-code) voor elke publicatie. De standaardoptie is een [responsieve insluiting](/glossary/responsive-embed) [iframe](/glossary/iframe) die zich aanpast aan elke containerbreedte, zodat het flipbook er correct uitziet op desktop, tablet en smartphone zonder handmatige aanpassing. Alle geconfigureerde functies — CTA-knoppen, [leadcapture](/features/lead-capture)-formulieren, [analytics](/features/analytics-and-insights)-tracking en [wachtwoordbeveiliging](/features/password-protection) — werken binnen de insluiting. Voor platforms die iframes blokkeren (sommige e-mailclients en sociale netwerken) biedt FlipLink de [klikbare afbeeldingsinsluiting](/features/clickable-image-embed) als fallback: een coverthumbnail die het volledige flipbook opent in een nieuw tabblad. Je kunt ook beperken waar je publicatie mag worden ingesloten met [domeinwhitelisting](/glossary/domain-whitelisting).
Technische Details
Een embed-link wordt doorgaans geleverd als een HTML `<iframe>`-tag die verwijst naar de gehoste URL van de publicatie. De iframe draait in een geïsoleerde browsingcontext, wat betekent dat deze geen toegang heeft tot de cookies of JavaScript-scope van de bovenliggende pagina — dit biedt een beveiligingslaag voor zowel de uitgever als de hostsite. FlipLinks insluitcode bevat `allow="fullscreen"` zodat lezers de viewer kunnen vergroten, en gebruikt `loading="lazy"` om het laden uit te stellen totdat de iframe in het zichtbare gebied verschijnt. Dit voorkomt vertraging van de initiële paginaweergave. Voor single-page-applicaties of CMS-platforms die iframe-tags verwijderen, is een JavaScript-snippet beschikbaar dat de iframe dynamisch aanmaakt nadat het DOM is geladen.
Best Practices
- **Pas de containerbreedte aan het doel van de content aan.** Een insluiting over de volle breedte werkt goed voor catalogi en tijdschriften. Voor aanvullende content binnen een blogpost houdt een smallere container (600–800px) de insluiting proportioneel ten opzichte van de omringende tekst.
- **Gebruik [lazy loading](/glossary/lazy-loading).** Als je meerdere flipbooks op één pagina insluit — bijvoorbeeld een resourcebibliotheek — voorkomt lazy loading dat ze allemaal tegelijk resources opvragen.
- **Stel een minimale hoogte in.** Zonder minimale hoogte kan de iframe instorten tot nul bij sommige CSS-frameworks. Een waarde van 400–500px voorkomt layoutverspringingen tijdens het laden van de content.
- **Schakel domeinwhitelisting in.** Als je publicatie gevoelige of beveiligde content bevat, beperk de insluiting tot je eigen domeinen om iframe-jacking door derden te voorkomen.
- **Test op mobiel.** Responsieve insluitingen passen zich aan de breedte aan, maar controleer altijd of touch-interacties (knijpen om te zoomen, vegen om te bladeren) correct werken op echte apparaten.
Veelgestelde Vragen
**Kan ik een FlipLink-flipbook insluiten op elke websitebuilder?**
Ja. Elk platform dat aangepaste HTML toestaat — WordPress, Wix, Squarespace, Webflow, Shopify of een handmatig gecodeerde site — ondersteunt FlipLinks iframe-insluitcode. Bij platforms met blokeditors plak je de code in een HTML- of "Aangepaste Code"-blok.
**Beïnvloedt insluiting mijn paginasnelheid?**
FlipLinks insluitcode gebruikt standaard lazy loading, dus het flipbook wordt pas geladen wanneer een bezoeker er naartoe scrollt. De initiële paginalading wordt niet beïnvloed. Zodra de iframe is geladen, worden assets geserveerd via FlipLinks CDN, wat snelle levering garandeert ongeacht de locatie van de lezer.
**Wat is het verschil tussen insluiten en link delen?**
Insluiten toont het flipbook direct op je pagina zodat lezers er inline mee kunnen interageren. [Link delen](/glossary/link-sharing) stuurt lezers naar een aparte URL waar het flipbook op volledig scherm wordt geopend. Insluiten is beter om bezoekers op je site te houden; link delen is beter voor kanalen zoals e-mail en messaging waar inline-weergave niet mogelijk is.
Sluit je aan bij duizenden bedrijven die FlipLink gebruiken om boeiende, interactieve content van hun PDF's te maken. Begin gratis — geen creditcard nodig.