{"id":23211,"date":"2023-04-10T20:50:13","date_gmt":"2023-04-10T20:50:13","guid":{"rendered":"https:\/\/site.axamit.com\/?p=516"},"modified":"2026-07-01T10:03:51","modified_gmt":"2026-07-01T10:03:51","slug":"het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments","status":"publish","type":"post","link":"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments\/","title":{"rendered":"Het wanneer en hoe van AEM Content Fragments en Experience Fragments"},"content":{"rendered":"<div class=\"custom-toc\"><ul><li class=\"h2-toc\"><a href=\"#aem-content-fragments\">AEM Content Fragments<\/a><\/li><li class=\"h2-toc\"><a href=\"#aem-experience-fragments\">AEM Experience Fragments<\/a><\/li><li class=\"h2-toc\"><a href=\"#not-counterparts-but-a-dynamic-duo\">Geen tegenhangers maar een dynamisch duo<\/a><\/li><li class=\"h2-toc\"><a href=\"#faq\">Veelgestelde vragen<\/a><\/li><\/ul><\/div>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">Wat maakt AEM anders dan traditionele CMS&#8217;en?<\/a>\u00a0Een van de belangrijkste dingen is dat u een pagina niet als \u00e9\u00e9n enkele inhoudseenheid hoeft te behandelen. In plaats daarvan kunt u kleinere inhoudsblokken maken die op al uw pagina&#8217;s en\/of op willekeurige pagina&#8217;s kunnen worden hergebruikt. Deze kleine en paginavrije inhoudseenheden zijn <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments-2\/\">AEM Content Fragments<\/a> en <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-aem-inhoudsfragmenten-en-ervaringsfragmenten-te-gebruiken\/\">AEM Experience Fragments<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In het begin kan het moeilijk zijn om het verschil tussen Content Fragments en Experience Fragments te begrijpen. In dit artikel zullen we de verwarring wegnemen, zodat u weet hoe u elk van deze optimaal kunt benutten voor effici\u00ebnte contentproductie en -beheer.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\"><strong>Content Fragments versus Experience Fragments<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kort gezegd, het verschil tussen Content Fragments en Experience Fragments is dat eerstgenoemde ontwerponafhankelijke content vertegenwoordigt, terwijl laatstgenoemde de lay-out en het ontwerp specificeert:\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Fragments in AEM (CF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gestructureerde gegevens in tekstformaat en afbeeldingen vormen een logische contenteenheid.<\/li>\n\n\n\n<li>Ontwerp- en lay-out-onafhankelijk, waarbij de frontend-applicatie de look en feel van de content definieert.<\/li>\n\n\n\n<li>De hoofdvariatie is de primaire versie die standaard wordt gebruikt en andere variaties zijn secundair en use-case-specifiek.<\/li>\n\n\n\n<li>Dienen voornamelijk voor de <a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">headless CMS-implementatie<\/a> die contentcreatie en -levering scheidt.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments in AEM (XF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Meerdere AEM-componenten worden samengesteld volgens een specifieke template.<\/li>\n\n\n\n<li>Presentatiegericht, waarbij het ontwerp en de lay-out van content worden gedefinieerd, specifiek voor verschillende kanalen of front-end-applicaties.<\/li>\n\n\n\n<li>Alle variaties zijn kanaal- of contextspecifiek en worden gesynchroniseerd met behulp van de Live Copy-functie van AEM.<\/li>\n\n\n\n<li>Dienen voor hergebruik van content op pagina&#8217;s van \u00e9\u00e9n website of meerdere eigendommen voor gecentraliseerd beheer van multichannel marketingmateriaal.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"aem-content-fragments\">AEM Content Fragments<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Contentfragmenten in AEM<\/strong> zijn stukken tekstgebaseerde content die zowel plat als gestructureerd kunnen zijn, maar altijd vrij zijn van enig ontwerp of lay-out. Ge\u00efntroduceerd in <strong>AEM 6.2<\/strong>, bieden Contentfragmenten een manier om herbruikbare content centraal te beheren, terwijl consistentie wordt gewaarborgd over verschillende digitale ervaringen heen. Ze stellen contentauteurs in staat om gestructureerde tekst te cre\u00ebren, te beheren en te distribueren die over verschillende kanalen kan worden gebruikt zonder gebonden te zijn aan een specifiek presentatieformaat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contentfragmenten zijn er in drie hoofdtypes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basale Contentfragmenten<\/strong> \u2013 Eenvoudige tekstgebaseerde fragmenten zonder vooraf gedefinieerde structuur, doorgaans gebruikt voor korte beschrijvingen of op zichzelf staande contentstukken.<\/li>\n\n\n\n<li><strong>Complexe Contentfragmenten<\/strong> \u2013 Gestructureerde fragmenten die Content Fragment Modellen gebruiken om specifieke velden en gegevenstypen te defini\u00ebren, waardoor consistentie en beter contentbeheer worden gewaarborgd.<\/li>\n\n\n\n<li><strong>Geneste Contentfragmenten<\/strong> \u2013 Fragmenten die verwijzen naar andere Contentfragmenten, waardoor de creatie van hi\u00ebrarchische of modulaire contentstructuren mogelijk wordt voor grotere flexibiliteit en hergebruik.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wanneer ze worden samengevoegd, kunnen verschillende Contentfragmenten grotere activa vormen, zoals blogposts, landingspagina&#8217;s en andere digitale ervaringen. Hun gestructureerde aanpak maakt naadloos contenthergebruik mogelijk, wat de effici\u00ebntie en consistentie over meerdere contactpunten verbetert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Fragment Modellen<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AEM Content Fragment Modellen<\/strong> helpen content in AEM te structureren en te standaardiseren, waardoor het eenvoudiger wordt om deze te beheren en te hergebruiken over verschillende kanalen. Als onderdeel van <strong>AEM-methoden voor gestructureerde content<\/strong>, defini\u00ebren deze modellen specifieke velden zoals titels, rich text, verwijzingen en metadata, wat consistentie en flexibiliteit waarborgt. Deze aanpak stelt bedrijven in staat om goed georganiseerde, herbruikbare content te cre\u00ebren met behoud van een duidelijke contentgovernance.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3caab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3caab\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"418\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1.webp\" alt=\"\" class=\"wp-image-6555\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1-300x148.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1-768x378.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3d28f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3d28f\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2.webp\" alt=\"\" class=\"wp-image-6556\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2.webp 1280w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-1024x522.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3d96a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3d96a\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3.webp\" alt=\"\" class=\"wp-image-6557\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3.webp 1280w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-1024x522.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3e02c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3e02c\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"434\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4.webp\" alt=\"\" class=\"wp-image-6559\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4-768x392.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-aem-content-fragments\">Voordelen van het gebruik van AEM Contentfragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Met AEM Content Fragments scheidt u contentcreatie van contentlevering. De contenteenheden die u cre\u00ebert, zijn onafhankelijk van een specifieke lay-out. Dit betekent dat u ze naadloos kunt inpassen in diverse ontwerpen en profiteert van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modulariteit<\/strong>: Met Content Fragments kunt u kleinere stukjes content cre\u00ebren.<\/li>\n\n\n\n<li><strong>Herbruikbaarheid<\/strong>: Elk onderdeel kan op meerdere pagina&#8217;s worden hergebruikt, wat zorgt voor consistentie van informatie over kanalen en eigendommen heen.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>: U kunt eenvoudig verschillende ervaringen bouwen met dezelfde contenteenheden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">De genoemde voordelen van Content Fragments cre\u00ebren een voorwaarde voor de implementatie van\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">AEM als een headless CMS<\/a>. E\u00e9n enkel stuk tekst uit uw database kan worden weergegeven op uw site, mobiele app, online winkel of elk ander eigendom waar u het nodig heeft.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-content-fragments-work\">Hoe AEM Content Fragments werken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om contentfragments te gebruiken, moet u eerst een Content Fragment Model cre\u00ebren dat zal dienen als een blauwdruk voor een groep vergelijkbare Content Fragment-instanties, en beschrijven welke informatie u daarin kunt opnemen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Met behulp van de blauwdruk kunt u zoveel Content Fragments cre\u00ebren als u nodig heeft. Elk daarvan zal een Master Variatie bevatten die standaard wordt gebruikt. Indien nodig kunt u meerdere Variaties toevoegen die in specifieke kanalen of plaatsingen kunnen worden gebruikt. Variaties stellen u in staat om content af te stemmen op verschillende doelgroepen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al uw contentfragments worden opgeslagen als assets die u kunt openen, bewerken en bijwerken via de Content Fragment Editor of de Assets Console. Vanuit de database kunnen ze:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Worden weergegeven op een website gebouwd met AEM Sites<\/li>\n\n\n\n<li>Via Headless API&#8217;s worden aangeleverd aan uw single-page app<\/li>\n\n\n\n<li>Via AEM Content Services worden aangeleverd in een mobiele app.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Op elke bestemming is er een specifieke component die het Content Fragment verbruikt en definieert hoe het past in de lay-out en het ontwerp. De volgende grafiek helpt u de architectuur van Content Fragments te visualiseren en beter te begrijpen wat er onder de motorkap gebeurt:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3ecb7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3ecb7\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"520\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp\" alt=\"\" class=\"wp-image-6560\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-300x184.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-768x470.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aem-content-fragments-use-cases\">Gebruiksscenario&#8217;s voor AEM Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Welke typen content ondersteunen AEM Content Fragments? Het korte antwoord is meestal tekst, soms afbeeldingen. Maar het is belangrijk om te verduidelijken dat uw teksten elke lengte en structuur kunnen hebben. U kunt een eenvoudig fragment maken met tekst van \u00e9\u00e9n of meerdere regels. Of u kunt gestructureerde tekst gebruiken die verschillende soorten informatie bevat: naam, tekst, contactgegevens, datum, tijd, enz. U kunt bijvoorbeeld een profiel van een blogbijdrager maken als een Content fragment.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3f4c5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3f4c5\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1.webp\" alt=\"\" class=\"wp-image-6561\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab3fbed&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab3fbed\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp\" alt=\"\" class=\"wp-image-6562\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Hier zijn enkele andere voorbeelden van tekstgebaseerde assets die u kunt cre\u00ebren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een bibliotheek met productbeschrijvingen die opnieuw kunnen worden gebruikt op verschillende pagina&#8217;s en kanalen.<\/li>\n\n\n\n<li>Een reeks klantrecensies, die kunnen worden ge\u00efntegreerd in verschillende pagina&#8217;s van een site.<\/li>\n\n\n\n<li>Een reeks call-to-actions die kunnen worden afgestemd op verschillende campagnes en doelgroepen.<\/li>\n\n\n\n<li>Blogberichten, nieuws en artikelen die moeten worden weergegeven op verschillende platforms en kanalen.<\/li>\n\n\n\n<li>Elementen van een evenementpagina, zoals biografie\u00ebn van sprekers, sessiebeschrijvingen en de agenda.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Deze lijst kan worden voortgezet. Het belangrijkste dat u moet weten, is dat elk stuk tekst dat zinvol is als een onafhankelijke eenheid, kan worden gemaakt en gebruikt als een Content Fragment.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"aem-experience-fragments\">AEM Experience Fragments<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Een <strong>Experience Fragment in AEM<\/strong> is een samenhangende reeks componenten die op een bepaalde manier zijn gerangschikt om een deel van een pagina of, in sommige gevallen, een hele pagina weer te geven. Ge\u00efntroduceerd in <strong>AEM 6.3<\/strong>, maken Experience Fragments het mogelijk om content te hergebruiken over verschillende kanalen heen, terwijl het ontwerp en de structuur behouden blijven. Een Experience Fragment kan bijvoorbeeld afbeeldingen, tekstparagrafen en knoppen bevatten die samen de sectie met uitgelichte blogposts op een homepage vormen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-aem-experience-fragments\">Voordelen van het gebruik van AEM Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Het belangrijkste voordeel van AEM Experience Fragments is het cre\u00ebren van universele paginasecties die kunnen worden hergebruikt op meerdere pagina&#8217;s en eigendommen. Met Experience Fragments profiteert u van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistentie<\/strong>. Experience Fragments kunnen op verschillende pagina&#8217;s en eigendommen worden hergebruikt om uw inhoud synchroon te houden.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>. U kunt snel reageren op veranderingen in de markt of in klantbehoeften door inhoud gelijktijdig op verschillende eigendommen bij te werken.<\/li>\n\n\n\n<li><strong>Multichannel<\/strong>. Experience Fragments kunnen worden gebruikt als inhoud die klaar is om te worden gepubliceerd als socialmediapost.<\/li>\n\n\n\n<li><strong>Optimalisatie<\/strong>. U kunt variaties van ervaringen cre\u00ebren om tegemoet te komen aan specifieke gebruikssituaties, verschillende doelgroepen en kanalen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Over het algemeen ondersteunen Adobe Experience Fragments de headless implementatie van AEM en maken ze hergebruik van content mogelijk op websites, sociale media, mobiele apps, enz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-experience-fragments-work\">Hoe AEM Experience Fragments werken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om een Experience Fragment te maken, moet u een sjabloon kiezen dat definieert welke componenten worden gebruikt om een ervaring samen te stellen. Voor elk fragment voegt u verschillende variaties toe. Deze gebruiken dezelfde inhoud, maar hebben verschillende lay-outs en ontwerpen die zijn aangepast aan communicatiekanalen of eigendommen waar de inhoud wordt weergegeven:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ge\u00efntegreerd in een pagina op AEM Sites via de AEM Experience Fragment-component.<\/li>\n\n\n\n<li>Geleverd via AEM Content Services en API-pagina&#8217;s aan apps en platforms van derden.<\/li>\n\n\n\n<li>Ge\u00ebxporteerd naar Adobe Target als een HTML\/JSON-bestand om aanbiedingen te maken en deze in verschillende activiteiten in te sluiten.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we eens kijken hoe de stroom eruitziet in het architectuurdiagram van Experience Fragments:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab40e08&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab40e08\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"675\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram.webp\" alt=\"\" class=\"wp-image-6563\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram-300x238.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram-768x610.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"experience-fragments-use-case\">Gebruiksscenario voor Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we een voorbeeld bekijken van een reisorganisatie die Experience Fragments gebruikt om een toeristische bestemming te promoten op hun site en sociale media. Dit is wat een marketingmanager zou doen om snel een multichannel-ervaring te cre\u00ebren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maak een Experience Fragment dat een sjabloon volgt dat het bedrijf gebruikt voor het promoten van bestemmingen.<\/li>\n\n\n\n<li>Voeg verschillende variaties van het Experience Fragment toe voor de desktop- en mobiele versies van de website, Pinterest en Facebook.<\/li>\n\n\n\n<li>Publiceer het nieuwe Experience Fragment vanuit de AEM-console over alle kanalen heen.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab4170c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab4170c\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case.webp\" alt=\"\" class=\"wp-image-6564\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case.webp 1999w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-300x165.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-1024x563.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-768x423.webp 768w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-1536x845.webp 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6e81cd72 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab41e2e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab41e2e\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1086\" height=\"376\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2.webp\" alt=\"\" class=\"wp-image-6565\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2.webp 1086w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-300x104.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-1024x355.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-768x266.webp 768w\" sizes=\"auto, (max-width: 1086px) 100vw, 1086px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab42645&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab42645\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"622\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3.webp\" alt=\"\" class=\"wp-image-6566\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3.webp 580w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3-280x300.webp 280w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab42d84&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab42d84\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"722\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4.webp\" alt=\"\" class=\"wp-image-6567\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4.webp 568w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4-236x300.webp 236w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5757ab434a8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5757ab434a8\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5.webp\" alt=\"\" class=\"wp-image-6568\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5.webp 588w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5-221x300.webp 221w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Op een vergelijkbare manier zou de marketeer, met behulp van een andere sjabloon, Experience Fragments kunnen cre\u00ebren die delen van de detailpagina van een toeristische bestemming vertegenwoordigen, waaronder het locatieoverzicht, accommodatie, populaire activiteiten in de omgeving en meer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verschil tussen Content Fragments en Experience Fragments in AEM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hoewel zowel Content Fragments als <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-content-fragmenten-en-aem-experience-fragmenten-te-gebruiken\/\">Experience Fragments in AEM<\/a> hergebruik van content mogelijk maken, dienen ze verschillende doeleinden. <strong>Content Fragments<\/strong> zijn puur tekstgebaseerd en gestructureerd voor omnichannel-distributie, waardoor ze ideaal zijn voor headless content delivery. Ze zijn onafhankelijk van ontwerp en lay-out, waardoor content kan worden hergebruikt in verschillende digitale ervaringen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments<\/strong>, daarentegen, zijn volledig ontworpen contentblokken die componenten zoals afbeeldingen, tekst en knoppen bevatten. Ze behouden zowel structuur als styling, waardoor ze nuttig zijn voor het hergebruiken van branded content over meerdere pagina&#8217;s of kanalen heen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eenvoudig gezegd, richten Content Fragments zich op ruw contentbeheer, terwijl Experience Fragments herbruikbare, gestileerde contentcomponenten bieden voor een consistent ontwerp over alle ervaringen heen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"not-counterparts-but-a-dynamic-duo\">Geen tegenhangers maar een dynamisch duo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zoals u kunt zien, dienen deze twee\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/aem-features\/\" data-type=\"post\" data-id=\"458\">functies<\/a>\u00a0van het\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">AEM-contentbeheer<\/a>\u00a0systeem verschillende doeleinden. Tegelijkertijd, terwijl elk zijn functie vervult, werken ze perfect samen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een Experience Fragment kan componenten bevatten die Content Fragments verbruiken. Deze componenten vormen tekst en afbeeldingen van Content fragments en integreren deze op specifieke plaatsen op pagina&#8217;s en schermen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zowel AEM Content Fragments als AEM Experience Fragments bieden unieke voordelen die bedrijven kunnen helpen hun content effici\u00ebnter te cre\u00ebren en te beheren. Ze maken beide de headless-aanpak voor contentmanagement mogelijk en bevorderen hergebruik van content over verschillende kanalen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"faq\">Veelgestelde vragen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-is-content-stored-in-aem-\">Hoe wordt content opgeslagen in AEM?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Content wordt in AEM opgeslagen als een hi\u00ebrarchie van knooppunten binnen de Java Content Repository (JCR), een hi\u00ebrarchische gegevensopslag die een gestandaardiseerde zoektaal (SQL2) gebruikt om content te benaderen en te manipuleren. De JCR biedt een flexibele en schaalbare opslagoplossing die effici\u00ebnte contentophaling en -beheer binnen AEM mogelijk maakt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"is-it-possible-to-export-aem-experience-fragments-to-target-\">Is het mogelijk om AEM Experience Fragments naar Target te exporteren?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, het is mogelijk om AEM Experience Fragments naar Adobe Target te exporteren als HTML- en JSON-bestanden. Deze integratie stelt u in staat om Experience Fragments te gebruiken als aanbiedingen in Target-activiteiten om digitale ervaringen op schaal te testen en te personaliseren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-the-difference-between-the-aem-component-and-experience-fragment-\">Wat is het verschil tussen een AEM-component en een Experience Fragment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een AEM-component is een op zichzelf staande eenheid die een specifieke functionaliteit of een stuk content representeert, gestructureerd en ontworpen op een specifieke manier. Een Experience Fragment representeert een groep componenten die samen zijn gebundeld om een specifieke gebruikerservaring te cre\u00ebren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welke functionaliteit is beschikbaar in Experience Fragments, maar niet in Content Fragments?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een belangrijke functionaliteit die beschikbaar is in <strong>Experience Fragments<\/strong>, maar niet in <strong>Content Fragments<\/strong>, is de mogelijkheid om <strong>design en lay-out te behouden<\/strong>. Experience Fragments omvatten AEM-componenten zoals afbeeldingen, knoppen en opgemaakte tekst, waarbij hun styling en structuur behouden blijven over verschillende pagina&#8217;s en kanalen. Dit maakt ze ideaal voor het cre\u00ebren van herbruikbare, visueel consistente contentblokken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Daarentegen zijn Content Fragments puur tekstgebaseerd en vrij van ontwerpelementen. Ze zijn gestructureerd voor omnichannel distributie, waardoor ze geschikter zijn voor headless contentlevering waarbij styling afzonderlijk wordt toegepast.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AEM Content Fragments AEM Experience Fragments Geen tegenhangers maar een dynamisch duo Veelgestelde vragen Wat maakt AEM anders [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":5015,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[158],"tags":[],"class_list":["post-23211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Bel ons","phone":"+1 (438) 383-6878","meta-description":"Leer de functies van AEM\u2019s Content Fragments en Experience Fragments en de verschillen ertussen om te weten wanneer en hoe je ze moet gebruiken voor effici\u00ebnte contentproductie en -beheer."},"_links":{"self":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/comments?post=23211"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23211\/revisions"}],"predecessor-version":[{"id":23213,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23211\/revisions\/23213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/media\/5015"}],"wp:attachment":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/media?parent=23211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/categories?post=23211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/tags?post=23211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}