{"id":22491,"date":"2023-04-10T20:50:13","date_gmt":"2023-04-10T20:50:13","guid":{"rendered":"https:\/\/site.axamit.com\/?p=516"},"modified":"2026-06-22T05:05:43","modified_gmt":"2026-06-22T05:05:43","slug":"het-wanneer-en-hoe-van-aem-inhoudsfragmenten-en-ervaringsfragmenten","status":"publish","type":"post","link":"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-inhoudsfragmenten-en-ervaringsfragmenten\/","title":{"rendered":"Het wanneer en hoe van AEM Inhoudsfragmenten en Ervaringsfragmenten"},"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 Fragmenten<\/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=\"http:\/\/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> Een van de belangrijkste dingen is dat u niet met een pagina als \u00e9\u00e9n inhoudseenheid hoeft om te gaan. In plaats daarvan kunt u kleinere inhoudsblokken maken die opnieuw kunnen worden gebruikt op al uw pagina&#8217;s en\/of op willekeurige pagina&#8217;s. Deze kleine en pagina-onafhankelijke 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\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments\/\">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 <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-aem-inhoudsfragmenten-en-ervaringsfragmenten-te-gebruiken\/\">Content Fragments<\/a> 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\">Kortom, het verschil tussen Content Fragments en Experience Fragments is dat eerstgenoemde ontwerp-onafhankelijke inhoud vertegenwoordigt, terwijl laatstgenoemde de lay-out en het ontwerp specificeert:<\/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 inhoudseenheid.<\/li>\n\n\n\n<li>Ontwerp- en lay-out-onafhankelijk, waarbij de frontend-applicatie het uiterlijk en de functionaliteit van de inhoud definieert.<\/li>\n\n\n\n<li>De mastervariatie 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=\"http:\/\/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 sjabloon.<\/li>\n\n\n\n<li>Presentatiegericht, waarbij het ontwerp en de lay-out van inhoud worden gedefinieerd, specifiek voor verschillende kanalen of frontend-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 inhoud over pagina&#8217;s op \u00e9\u00e9n website of meerdere properties 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 tekstgebaseerde contentelementen die eenvoudig of 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 en tegelijkertijd consistentie te waarborgen voor verschillende digitale ervaringen. 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 hoofdtypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basiscontentfragmenten<\/strong> \u2013 Eenvoudige tekstgebaseerde fragmenten zonder vooraf gedefinieerde structuur, typisch 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 Models 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, wat de creatie van hi\u00ebrarchische of modulaire contentstructuren mogelijk maakt voor meer 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 hergebruik van content mogelijk, wat de effici\u00ebntie en consistentie over meerdere touchpoints verbetert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Fragment Models<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AEM Content Fragment Models<\/strong> helpen content in AEM te structureren en te standaardiseren, waardoor het gemakkelijker 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 duidelijk contentbeheer.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac547db7cebc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7cebc\" 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=\"http:\/\/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;6ac547db7d6b3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7d6b3\" 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=\"http:\/\/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;6ac547db7ddf5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7ddf5\" 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=\"http:\/\/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;6ac547db7e3e0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7e3e0\" 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=\"http:\/\/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 auteurswerk van contentlevering. De contenteenheden die u cre\u00ebert, zijn agnostisch ten opzichte van een specifieke lay-out. Dit betekent dat u ze naadloos kunt inpassen in diverse ontwerpen en kunt profiteren van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modulariteit<\/strong>: Met Content Fragments kunt u kleinere contentstukken cre\u00ebren.<\/li>\n\n\n\n<li><strong>Herbruikbaarheid<\/strong>: Elk stuk kan worden hergebruikt op meerdere pagina&#8217;s, 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 het implementeren van\u00a0<a href=\"http:\/\/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 content fragments te gebruiken, moet u eerst een Content Fragment Model cre\u00ebren dat zal dienen als blauwdruk voor een groep vergelijkbare Content Fragment-instanties, en beschrijven welke informatie u erin 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 extra Variaties toevoegen die in specifieke kanalen of plaatsen 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 content fragments 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>Naar een website gebouwd met AEM Sites gaan<\/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\">Bij elke bestemming is er een specifieke component die het Content Fragment verbruikt en definieert hoe het in de lay-out en het ontwerp past. De volgende grafiek helpt u de architectuur van Content Fragmenten 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;6ac547db7ee34&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7ee34\" 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=\"http:\/\/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 Fragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Welke soorten content ondersteunen AEM Content Fragmenten? Het korte antwoord is meestal tekst, soms afbeeldingen. Maar het is belangrijk te verduidelijken dat uw teksten elke lengte en structuur kunnen hebben. U kunt een eenvoudig fragment maken met tekst van \u00e9\u00e9n regel of meerdere regels. Of u kunt gestructureerde tekst gebruiken die verschillende soorten informatie bevat: naam, tekst, contactgegevens, datum, tijd, enz. U kunt bijvoorbeeld een blogbijdragerprofiel als een Content fragment maken.<\/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;6ac547db7f9dc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7f9dc\" 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=\"http:\/\/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;6ac547db7fe2b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db7fe2b\" 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=\"http:\/\/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 op tekst gebaseerde activa die u kunt maken:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een bibliotheek met productbeschrijvingen die op verschillende pagina&#8217;s en kanalen kunnen worden hergebruikt.<\/li>\n\n\n\n<li>Een set klantgetuigenissen, die kunnen worden ge\u00efntegreerd in verschillende pagina&#8217;s van een website.<\/li>\n\n\n\n<li>Een set call-to-actions die kunnen worden afgestemd op verschillende campagnes en doelgroepen.<\/li>\n\n\n\n<li>Blogposts, nieuws en artikelen die op verschillende eigenschappen en kanalen worden weergegeven.<\/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 langer zijn. 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 Fragmenten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Een <strong>Experience Fragment in AEM<\/strong> is een coherente set 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 Fragmenten hergebruik van content mogelijk 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 Fragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Het grootste voordeel van AEM Experience Fragments is het cre\u00ebren van universele paginasecties die hergebruikt kunnen worden op meerdere pagina&#8217;s en eigenschappen. Met Experience Fragments profiteert u van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistentie<\/strong>. Experience fragments kunnen worden hergebruikt op verschillende pagina&#8217;s en eigenschappen om uw content gesynchroniseerd te houden.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>. U kunt snel reageren op veranderingen in de markt of in de behoeften van klanten door content gelijktijdig te updaten op alle eigenschappen.<\/li>\n\n\n\n<li><strong>Multichannel<\/strong>. Experience Fragments kunnen worden gebruikt als content 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 gebruiksscenario&#8217;s, 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 over 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 template kiezen die definieert welke componenten zullen worden gebruikt om een ervaring samen te stellen. Voor elk fragment voegt u verschillende Variaties toe. Deze gebruiken dezelfde content, maar hebben verschillende lay-outs en ontwerpen die zijn aangepast aan de communicatiekanalen of eigenschappen waar de content zal worden getoond:<\/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 cre\u00ebren 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;6ac547db80d6d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db80d6d\" 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=\"http:\/\/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 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>Cre\u00eber een Experience Fragment dat een template volgt die 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 via alle kanalen.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac547db81851&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db81851\" 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=\"http:\/\/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;6ac547db81c5b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db81c5b\" 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=\"http:\/\/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;6ac547db82034&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db82034\" 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=\"http:\/\/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;6ac547db828a8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db828a8\" 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=\"http:\/\/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;6ac547db82c4f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac547db82c4f\" 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=\"http:\/\/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 template, Experience Fragments kunnen maken die delen van de detailpagina van een toeristische bestemming vertegenwoordigen, inclusief het locatieoverzicht, accommodatie, populaire activiteiten in de buurt, 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> inhoudshergebruik 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 inhoud 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 op meerdere pagina&#8217;s of kanalen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simpel gezegd, Content Fragments richten zich op puur contentbeheer, terwijl Experience Fragments herbruikbare, gestylde contentcomponenten bieden voor een consistent ontwerp over verschillende 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=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/aem-features\/\" data-type=\"post\" data-id=\"458\">functies<\/a>\u00a0van het\u00a0<a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">AEM content management<\/a>\u00a0systeem verschillende doeleinden. Tegelijkertijd, elk hun functie vervullend, werken ze perfect samen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een Experience Fragment kan componenten bevatten die Content Fragments consumeren. Deze componenten vormen tekst en afbeeldingen uit 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. Beide maken de headless benadering van contentbeheer mogelijk en bevorderen hergebruik van content over verschillende kanalen 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=\"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 querytaal (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 te exporteren naar Target?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, het is mogelijk om AEM Experience Fragments te exporteren naar Adobe Target 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 vertegenwoordigt, gestructureerd en ontworpen op een bepaalde manier. Een Experience Fragment vertegenwoordigt een groep componenten die samengevoegd zijn om een specifieke gebruikerservaring te cre\u00ebren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welke functie is beschikbaar in Experience Fragments maar niet in Content Fragments?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">E\u00e9n belangrijke functie die beschikbaar is in <strong>Experience Fragments<\/strong> maar niet in <strong>Content Fragments<\/strong> is de mogelijkheid om <strong>ontwerp en lay-out te behouden<\/strong>. Experience Fragments bevatten AEM-componenten zoals afbeeldingen, knoppen en opgemaakte tekst, en behouden hun styling en structuur over verschillende pagina&#8217;s en kanalen heen. 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 Fragmenten 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":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[158],"tags":[],"class_list":["post-22491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Give Us a Call","phone":"+1 (438) 383-6878","meta-description":"Ontdek de functies van de Content Fragments en Experience Fragments van AEM en de verschillen daartussen om te weten wanneer en hoe ze te gebruiken voor effici\u00ebnte contentproductie en -beheer."},"_links":{"self":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/22491","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=22491"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/22491\/revisions"}],"predecessor-version":[{"id":22493,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/22491\/revisions\/22493"}],"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=22491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/categories?post=22491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/tags?post=22491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}