{"id":23199,"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:52","modified_gmt":"2026-07-01T10:03:52","slug":"wanneer-en-hoe-aem-inhoudsfragmenten-en-ervaringsfragmenten-te-gebruiken","status":"publish","type":"post","link":"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-aem-inhoudsfragmenten-en-ervaringsfragmenten-te-gebruiken\/","title":{"rendered":"Wanneer en hoe AEM-inhoudsfragmenten en ervaringsfragmenten te gebruiken"},"content":{"rendered":"<div class=\"custom-toc\"><ul><li class=\"h2-toc\"><a href=\"#aem-content-fragments\">AEM Inhoudsfragmenten<\/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 onderscheidt AEM van traditionele CMS&#8217;en?<\/a> Een van de belangrijkste aspecten is dat u een pagina niet als een enkele inhoudseenheid hoeft te behandelen. In plaats daarvan kunt u kleinere stukjes inhoud cre\u00ebren die u op al uw pagina&#8217;s en\/of willekeurige pagina&#8217;s kunt hergebruiken. Deze kleine, paginage\u00efndependente 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 Content Fragments en Experience Fragments te begrijpen. In dit artikel zullen we de verwarring wegnemen, zodat u weet hoe u elk van deze kunt benutten voor een 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 de eerste inhoud vertegenwoordigen die onafhankelijk is van het ontwerp, terwijl de laatste de lay-out en het ontwerp specificeren:<\/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 de vorm van tekst en afbeeldingen vormen een logische contenteenheid.<\/li>\n\n\n\n<li>Onafhankelijk van ontwerp en lay-out, vertrouwen ze op de front-end applicatie om de weergave van de inhoud te bepalen.<\/li>\n\n\n\n<li>De hoofdvariatie is de standaardversie, en de andere variaties zijn secundair en specifiek voor gebruikssituaties.<\/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\">implementatie van headless CMS<\/a> dat 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 specifiek sjabloon.<\/li>\n\n\n\n<li>Presentatiegericht, waarbij het ontwerp en de lay-out worden gedefinieerd voor inhoud die specifiek is voor verschillende kanalen of front-end applicaties.<\/li>\n\n\n\n<li>Alle variaties zijn specifiek voor een kanaal of context en worden gesynchroniseerd met behulp van de Live Copy-functie van AEM.<\/li>\n\n\n\n<li>Dienen voor het hergebruik van inhoud op webpagina&#8217;s of meerdere eigenschappen 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 Inhoudsfragmenten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De <strong>Inhoudsfragmenten in AEM<\/strong> zijn tekstuele inhoudselementen die eenvoudig of gestructureerd kunnen zijn, maar altijd onafhankelijk zijn van enig ontwerp of lay-out. Ge\u00efntroduceerd in <strong>AEM 6.2<\/strong>, bieden Inhoudsfragmenten een manier om herbruikbare inhoud centraal te beheren en tegelijkertijd consistentie te waarborgen tussen verschillende digitale ervaringen. Ze stellen contentauteurs in staat gestructureerde tekst te cre\u00ebren, beheren en distribueren die op verschillende kanalen kan worden gebruikt zonder gebonden te zijn aan een specifiek presentatieformaat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inhoudsfragmenten zijn er in drie hoofdtypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basale Inhoudsfragmenten<\/strong> \u2013 Eenvoudige tekstuele fragmenten zonder vooraf gedefinieerde structuur, meestal gebruikt voor korte beschrijvingen of op zichzelf staande inhoudselementen.<\/li>\n\n\n\n<li><strong>Complexe Inhoudsfragmenten<\/strong> \u2013 Gestructureerde fragmenten die Inhoudsfragmentsjablonen gebruiken om specifieke velden en gegevenstypen te defini\u00ebren, wat consistentie en betere inhoudsgovernance waarborgt.<\/li>\n\n\n\n<li><strong>Geneste Inhoudsfragmenten<\/strong> \u2013 Fragmenten die verwijzen naar andere Inhoudsfragmenten, waardoor de creatie van hi\u00ebrarchische of modulaire inhoudsstructuren mogelijk is voor meer flexibiliteit en hergebruik.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Eenmaal samengevoegd kunnen meerdere Contentfragmenten grotere activa vormen, zoals blogartikelen, landingspagina&#8217;s en andere digitale ervaringen. Hun gestructureerde aanpak maakt een soepel hergebruik van content mogelijk, wat de effici\u00ebntie en consistentie over meerdere contactpunten verbetert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contentfragmentmodellen<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">De <strong>AEM Contentfragmentmodellen<\/strong> helpen bij het structureren en standaardiseren van content in AEM, wat het beheer en hergebruik over verschillende kanalen vergemakkelijkt. Als onderdeel van de <strong>AEM gestructureerde contentmethoden<\/strong> defini\u00ebren deze modellen specifieke velden zoals titels, rich text, verwijzingen en metadata, wat consistentie en flexibiliteit garandeert. Deze aanpak stelt bedrijven in staat om goed georganiseerde en herbruikbare content te cre\u00ebren met behoud van duidelijke contentgovernance.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5756982c13e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982c13e\" 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;6a5756982c917&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982c917\" 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;6a5756982cf5a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982cf5a\" 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;6a5756982d5c2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982d5c2\" 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\">Door AEM contentfragmenten te gebruiken, scheidt u contentcreatie van de distributie ervan. De contenteenheden die u cre\u00ebert, zijn onafhankelijk van een specifieke lay-out. Dit betekent dat u ze eenvoudig kunt integreren in diverse ontwerpen en profiteert van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modulariteit<\/strong>: Met contentfragmenten kunt u kleinere contentelementen cre\u00ebren.<\/li>\n\n\n\n<li><strong>Herbruikbaarheid<\/strong>: Elk element kan op meerdere pagina&#8217;s worden hergebruikt, waardoor de consistentie van informatie over alle kanalen en eigenschappen wordt gewaarborgd.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>: U kunt eenvoudig verschillende ervaringen cre\u00ebren met dezelfde contenteenheden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">De genoemde voordelen van contentfragmenten cre\u00ebren een voorwaarde voor de implementatie van <a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">AEM als headless CMS<\/a>. E\u00e9n stuk tekst uit uw database kan worden weergegeven op uw website, mobiele applicatie, online winkel of elke andere eigenschap waar u het nodig heeft.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-content-fragments-work\">Hoe AEM-contentfragmenten werken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om contentfragmenten te gebruiken, moet u eerst een contentfragmentmodel maken dat dient als sjabloon voor een groep vergelijkbare contentfragment-instanties, en de informatie beschrijft die u daarin kunt opnemen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Met dit model kunt u zoveel contentfragmenten maken als nodig is. Elk fragment bevat een Hoofdvariatie die standaard wordt gebruikt. Indien nodig kunt u meerdere andere Variaties toevoegen voor gebruik in specifieke kanalen of locaties. Variaties stellen u in staat om content aan te passen aan verschillende doelgroepen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al uw contentfragmenten worden opgeslagen als activa die u kunt openen, bewerken en bijwerken via de contentfragmenteditor of de activaconsol. Vanuit de database kunnen ze:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Toegang krijgen tot een website gebouwd met AEM Sites<\/li>\n\n\n\n<li>Worden opgehaald via Headless API&#8217;s in uw single-page applicatie<\/li>\n\n\n\n<li>Worden opgehaald via AEM-contentdiensten in een mobiele applicatie.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Op elke bestemming is er een specifiek component dat het Contentfragment verbruikt en definieert hoe het past binnen de lay-out en het ontwerp. Het volgende schema helpt u de architectuur van Contentfragmenten te visualiseren en beter te begrijpen wat er achter de schermen gebeurt:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5756982e271&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982e271\" 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-contentfragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Welke soorten inhoud ondersteunen AEM Content Fragments? Het korte antwoord is voornamelijk tekst, soms afbeeldingen. Maar het is belangrijk om te vermelden dat uw teksten elke lengte en structuur kunnen hebben. U kunt een eenvoudig fragment maken met tekst op \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 blogbijdragerprofiel 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;6a5756982ea6a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982ea6a\" 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;6a5756982f255&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5756982f255\" 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 andere voorbeelden van tekstuele bronnen die u kunt maken:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een bibliotheek met productbeschrijvingen om te hergebruiken op verschillende pagina&#8217;s en kanalen.<\/li>\n\n\n\n<li>Een verzameling klantgetuigenissen, die kunnen worden opgenomen op verschillende pagina&#8217;s van een site.<\/li>\n\n\n\n<li>Een reeks call-to-actions die kunnen worden aangepast aan verschillende campagnes en doelgroepen.<\/li>\n\n\n\n<li>Blogartikelen, nieuwsberichten en artikelen om weer te geven op verschillende eigendommen en kanalen.<\/li>\n\n\n\n<li>Elementen van een evenementpagina, zoals biografie\u00ebn van sprekers, sessiebeschrijvingen en het programma.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Deze lijst is niet uitputtend. Het belangrijkste om te weten is dat elk tekstelement 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 set componenten die op een bepaalde manier zijn gerangschikt om een deel van een pagina of, in sommige gevallen, een volledige pagina weer te geven. Ge\u00efntroduceerd in <strong>AEM 6.3<\/strong>, maken Experience Fragments het hergebruik van inhoud op verschillende kanalen mogelijk, met behoud van het ontwerp en de structuur. Een Experience Fragment kan bijvoorbeeld afbeeldingen, tekstparagrafen en knoppen bevatten die de sectie met uitgelichte blogartikelen op een startpagina 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 herbruikbaar zijn 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 inhoud gesynchroniseerd te houden.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>. U kunt snel inspelen op marktveranderingen of klantbehoeften door de inhoud gelijktijdig op alle eigenschappen bij te werken.<\/li>\n\n\n\n<li><strong>Multikanaal<\/strong>. Experience Fragments kunnen worden gebruikt als content die klaar is om gepubliceerd te worden als posts op sociale media.<\/li>\n\n\n\n<li><strong>Optimalisatie<\/strong>. U kunt variaties van ervaringen cre\u00ebren om te voldoen aan specifieke gebruiksscenario&#8217;s, verschillende doelgroepen en verschillende 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, enzovoort.<\/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 cre\u00ebren, moet u een sjabloon kiezen dat de componenten definieert die zullen 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, aangepast aan de communicatiekanalen of eigenschappen 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 applicaties 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 te integreren in verschillende activiteiten.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we kijken hoe de stroom eruitziet in het architectuurdiagram van Experience Fragments:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a575698305cf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a575698305cf\" 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&#8217;s voor Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we het voorbeeld nemen van een reisbureau dat experience fragments gebruikt om een toeristische bestemming op zijn website en sociale media te promoten. Dit is wat een marketingmanager zou doen om snel een omnichannel-ervaring te cre\u00ebren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een experience fragment cre\u00ebren dat een sjabloon volgt dat het bedrijf gebruikt om bestemmingen te promoten.<\/li>\n\n\n\n<li>Meerdere varianten van het Experience Fragment toevoegen voor de desktop- en mobiele versies van de website, Pinterest en Facebook.<\/li>\n\n\n\n<li>Het nieuwe Experience Fragment publiceren vanuit de AEM-console op alle kanalen.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57569830f23&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57569830f23\" 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;6a57569831654&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57569831654\" 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;6a57569831d8b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57569831d8b\" 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;6a575698324fe&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a575698324fe\" 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;6a57569832c68&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57569832c68\" 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, door een andere sjabloon te gebruiken, Experience Fragments kunnen cre\u00ebren die delen van de detailpagina van een toeristische bestemming vertegenwoordigen, inclusief een overzicht van de locatie, 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> het hergebruik van inhoud mogelijk maken, dienen ze verschillende doelen. <strong>Content Fragments<\/strong> zijn puur tekstgebaseerd en gestructureerd voor omnichannel-distributie, waardoor ze ideaal zijn voor headless contentlevering. Ze zijn onafhankelijk van ontwerp en lay-out, waardoor inhoud kan worden hergebruikt voor diverse 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 de structuur als de stijl, waardoor ze nuttig zijn voor het hergebruik van merkcontent op meerdere pagina&#8217;s of kanalen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simpel gezegd richten Content Fragments zich op het beheer van ruwe content, terwijl Experience Fragments herbruikbare en gestileerde contentcomponenten bieden voor een consistente vormgeving in verschillende ervaringen.<\/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\">functionaliteiten<\/a>\u00a0van het\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">AEM contentmanagementsysteem<\/a>\u00a0verschillende doelen. Tegelijkertijd, terwijl elk zijn eigen 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 de tekst en afbeeldingen van de Content Fragments en integreren deze op specifieke locaties 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 een headless benadering van contentbeheer mogelijk en bevorderen hergebruik van content via meerdere 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), wat een hi\u00ebrarchische gegevensopslag is die een gestandaardiseerde querytaal (SQL2) gebruikt om content te benaderen en te manipuleren. De JCR biedt een flexibele en schaalbare opslagoplossing die effici\u00ebnte retrieval en beheer van content 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-ervaringsfragmenten te exporteren naar Adobe Target als HTML- en JSON-bestanden. Deze integratie stelt u in staat om ervaringsfragmenten te gebruiken als aanbiedingen in Target-activiteiten om digitale ervaringen op grote 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 ervaringsfragment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een AEM-component is een autonome eenheid die een specifieke functionaliteit of een stuk gestructureerde inhoud vertegenwoordigt en op een bepaalde manier is ontworpen. Een ervaringsfragment vertegenwoordigt een groep onderling verbonden componenten om een specifieke gebruikerservaring te cre\u00ebren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welke functionaliteit is beschikbaar in ervaringsfragmenten, maar niet in inhoudsfragmenten?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een belangrijk kenmerk dat beschikbaar is in <strong>ervaringsfragmenten<\/strong>, maar niet in <strong>inhoudsfragmenten<\/strong>, is het vermogen om <strong>het ontwerp en de lay-out te behouden<\/strong>. Ervaringsfragmenten omvatten AEM-componenten zoals afbeeldingen, knoppen en opgemaakte tekst, waardoor hun stijl en structuur behouden blijven op verschillende pagina&#8217;s en kanalen. Dit maakt ze ideaal voor het cre\u00ebren van herbruikbare en visueel consistente inhoudsblokken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In tegenstelling hiermee zijn inhoudsfragmenten puur tekstueel en vrij van elk ontwerpelement. Ze zijn gestructureerd voor omnichanneldistributie, waardoor ze geschikter zijn voor headless content delivery waarbij de stijl afzonderlijk wordt toegepast.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AEM Inhoudsfragmenten AEM Experience Fragments Geen Tegenhangers, maar een Dynamisch Duo Veelgestelde vragen Wat onderscheidt AEM van traditionele [&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-23199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Appelez-nous","phone":"+1 (438) 383-6878","meta-description":"Leer de functies van AEM's 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\/23199","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=23199"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23199\/revisions"}],"predecessor-version":[{"id":23201,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23199\/revisions\/23201"}],"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=23199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/categories?post=23199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/tags?post=23199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}