{"id":23238,"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:46","modified_gmt":"2026-07-01T10:03:46","slug":"wanneer-en-hoe-content-fragmenten-en-aem-experience-fragmenten-te-gebruiken","status":"publish","type":"post","link":"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-content-fragmenten-en-aem-experience-fragmenten-te-gebruiken\/","title":{"rendered":"Wanneer en hoe Content Fragmenten en AEM Experience Fragmenten te gebruiken"},"content":{"rendered":"<div class=\"custom-toc\"><ul><li class=\"h2-toc\"><a href=\"#aem-content-fragments\">AEM Contentfragmenten<\/a><\/li><li class=\"h2-toc\"><a href=\"#aem-experience-fragments\">AEM Ervaringsfragmenten<\/a><\/li><li class=\"h2-toc\"><a href=\"#not-counterparts-but-a-dynamic-duo\">Geen substituten, maar een dynamisch duo<\/a><\/li><li class=\"h2-toc\"><a href=\"#faq\">FAQ<\/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-systemen?<\/a> Een van de belangrijkste verschillen is dat u de pagina niet als \u00e9\u00e9n enkele contenteenheid hoeft te behandelen. In plaats daarvan kunt u kleinere contentfragmenten cre\u00ebren die opnieuw kunnen worden gebruikt op al uw en\/of een van uw pagina&#8217;s. Deze kleine en pagina-onafhankelijke contenteenheden zijn <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments\/\">AEM Content Fragments<\/a> en <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-aem-inhoudsfragmenten-en-ervaringsfragmenten-te-gebruiken\/\">AEM Experience Fragments<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In het begin kan het lastig zijn om het verschil tussen Content Fragments en Experience Fragments te begrijpen. In dit artikel zullen we alle twijfels wegnemen, zodat u weet hoe u elk van hen kunt gebruiken voor effectieve 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 en 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 projectonafhankelijke content vertegenwoordigen, terwijl de laatste de lay-out en het ontwerp bepalen:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Fragments in AEM (CF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gestructureerde gegevens in tekstformaat en afbeeldingen vormen een logische contenteenheid.<\/li>\n\n\n\n<li>Onafhankelijk van project en lay-out, en vertrouwen op de front-end applicatie voor het defini\u00ebren van het uiterlijk en de presentatie van de content.<\/li>\n\n\n\n<li>De primaire variant is de standaardversie die wordt gebruikt, en andere varianten zijn secundair en specifiek voor een bepaald gebruiksscenario.<\/li>\n\n\n\n<li>Dienen voornamelijk voor <a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">de implementatie van headless CMS<\/a>, die de creatie en levering van content 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 samengevoegd volgens een specifieke sjabloon.<\/li>\n\n\n\n<li>Presentatiegericht, defini\u00ebren het ontwerp en de lay-out van content specifiek voor verschillende kanalen of front-end applicaties.<\/li>\n\n\n\n<li>Alle varianten zijn kanaal- of contextspecifiek en worden gesynchroniseerd via de Live Copy-functionaliteit in AEM.<\/li>\n\n\n\n<li>Ze worden gebruikt voor het hergebruik van content op pagina&#8217;s binnen \u00e9\u00e9n website of over meerdere digitale eigendommen, met als doel het centraal beheren van marketingmaterialen via verschillende kanalen.<\/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 Contentfragmenten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Contentfragmenten in AEM<\/strong> zijn op tekst gebaseerde contentstukken die eenvoudig of gestructureerd kunnen zijn, maar altijd losstaan van ontwerp en lay-out. Ge\u00efntroduceerd in <strong>AEM 6.2<\/strong>, bieden Contentfragmenten een manier om herbruikbare content centraal te beheren, terwijl consistentie wordt gewaarborgd over diverse digitale ervaringen. Ze stellen contentauteurs in staat gestructureerde tekst te cre\u00ebren, te beheren en te 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\">Contentfragmenten zijn er in drie hoofdtypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basis Contentfragmenten<\/strong> \u2013 Eenvoudige tekstfragmenten zonder voorgedefinieerde structuur, meestal gebruikt voor korte beschrijvingen of op zichzelf staande contentelementen.<\/li>\n\n\n\n<li><strong>Complexe Contentfragmenten<\/strong> \u2013 Gestructureerde fragmenten die Contentfragmentmodellen gebruiken om specifieke velden en gegevenstypen te defini\u00ebren, wat zorgt voor consistentie en beter contentbeheer.<\/li>\n\n\n\n<li><strong>Geneste Contentfragmenten<\/strong> \u2013 Fragmenten die verwijzen naar andere Contentfragmenten, wat het cre\u00ebren van hi\u00ebrarchische of modulaire contentstructuren mogelijk maakt voor meer flexibiliteit en herbruikbaarheid.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Eenmaal gecombineerd kunnen meerdere Contentfragmenten grotere assets vormen, zoals blogposts, landingspagina&#8217;s en andere digitale ervaringen. Hun gestructureerde aanpak maakt naadloos hergebruik van content mogelijk, waardoor de effici\u00ebntie en consistentie over meerdere touchpoints worden verbeterd.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contentfragmentmodellen<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AEM Content Fragment Modellen<\/strong> helpen inhoud in AEM te structureren en te standaardiseren, wat het beheer en hergebruik op verschillende kanalen vergemakkelijkt. Als onderdeel van de <strong>AEM gestructureerde inhoudsmethoden<\/strong>, defini\u00ebren deze modellen specifieke velden, zoals titels, rich text, links en metadata, waardoor consistentie en flexibiliteit worden gewaarborgd. Deze aanpak stelt bedrijven in staat om goed georganiseerde, herbruikbare inhoud te cre\u00ebren, terwijl tegelijkertijd een duidelijk inhoudsbeheer wordt gehandhaafd.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574b07d200c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d200c\" 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;6a574b07d280b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d280b\" 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;6a574b07d2e54&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d2e54\" 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;6a574b07d34ae&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d34ae\" 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 Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Door AEM Content Fragments te gebruiken, scheid je de creatie van content van de levering ervan. De content-eenheden die je cre\u00ebert, zijn onafhankelijk van een specifieke lay-out. Dit betekent dat je ze naadloos kunt aanpassen aan verschillende ontwerpen en profiteert van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modulariteit<\/strong>: Met content fragments kun je kleinere contentelementen cre\u00ebren.<\/li>\n\n\n\n<li><strong>Herbruikbaarheid<\/strong>: Elk element kan op meerdere pagina&#8217;s worden hergebruikt, wat zorgt voor consistentie van informatie over verschillende kanalen en eigenschappen heen.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>: Je kunt eenvoudig verschillende ervaringen cre\u00ebren door dezelfde content-eenheden te gebruiken.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">De genoemde voordelen van content fragments zijn een voorwaarde voor de implementatie van\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">AEM als een headless CMS<\/a>. Een enkel tekstfragment uit je database kan worden weergegeven op je website, in een mobiele applicatie, een webshop of elke andere eigenschap waar je het nodig hebt.<\/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 je eerst een content fragment model cre\u00ebren, dat zal dienen als een sjabloon voor een groep vergelijkbare content fragment instanties, waarin wordt beschreven welke informatie erin kan worden opgenomen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Met behulp van het sjabloon kunt u zoveel contentfragmenten maken als u nodig hebt. Elk daarvan zal een Hoofdvariant bevatten, die standaard zal worden gebruikt. Indien nodig kunt u verschillende andere Varianten toevoegen voor gebruik in specifieke kanalen of plaatsen. Varianten maken het mogelijk om de content aan te passen aan verschillende doelgroepen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al uw contentfragmenten worden opgeslagen als assets, zodat u ze 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>Op een website terechtkomen die is gebouwd met AEM Sites<\/li>\n\n\n\n<li>Worden opgehaald via Headless API&#8217;s voor uw single-page applicatie<\/li>\n\n\n\n<li>Worden opgehaald via AEM content services in een mobiele applicatie.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Op elke bestemming bevindt zich een specifieke component die het Content Fragment consumeert en definieert hoe het past binnen de lay-out en het ontwerp. Het onderstaande diagram helpt u de architectuur van Content Fragments te visualiseren en beter te begrijpen wat er &#8216;onder de motorkap&#8217; gebeurt:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574b07d4257&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d4257\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"520\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp\" alt=\"\" class=\"wp-image-6560\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-300x184.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-768x470.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aem-content-fragments-use-cases\">Gebruiksscenario&#8217;s voor AEM Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Welke typen content ondersteunen AEM Content Fragments? Het korte antwoord is: voornamelijk tekst, soms afbeeldingen. Het is echter belangrijk om te verduidelijken dat teksten elke lengte en structuur kunnen hebben. U kunt een eenvoudig fragment maken met een \u00e9\u00e9n- of meerregelige tekst. U kunt ook gestructureerde tekst gebruiken die verschillende soorten informatie bevat: naam, inhoud, contactgegevens, datum, tijd, enz. U kunt bijvoorbeeld een blogauteursprofiel als 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;6a574b07d4f0b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d4f0b\" 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;6a574b07d5723&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d5723\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp\" alt=\"\" class=\"wp-image-6562\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Hier zijn enkele andere voorbeelden van tekstuele assets die u kunt maken:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een bibliotheek met productbeschrijvingen voor hergebruik op verschillende pagina&#8217;s en kanalen.<\/li>\n\n\n\n<li>Een verzameling klantreferenties die kunnen worden ge\u00efntegreerd op verschillende pagina&#8217;s van de website.<\/li>\n\n\n\n<li>Een reeks call-to-actions (CTA&#8217;s) die kunnen worden aangepast voor verschillende campagnes en doelgroepen.<\/li>\n\n\n\n<li>Blogposts, nieuwsberichten en artikelen voor weergave op verschillende plaatsen en kanalen.<\/li>\n\n\n\n<li>Elementen van een evenementpagina, zoals biografie\u00ebn van sprekers, sessiebeschrijvingen en de agenda.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Deze lijst kan worden voortgezet. Het belangrijkste om te weten is dat elk tekstfragment dat zinvol is als een onafhankelijke eenheid, kan worden gecre\u00eberd en gebruikt als een Inhoudsfragment.<\/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 Ervaringsfragmenten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Een Ervaringsfragment in AEM<\/strong> is een consistente set componenten die op een specifieke 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 Ervaringsfragmenten hergebruik van content mogelijk over verschillende kanalen, terwijl het ontwerp en de structuur behouden blijven. Een Ervaringsfragment kan bijvoorbeeld afbeeldingen, tekstparagrafen en knoppen bevatten die een sectie van uitgelichte blogposts op de 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 Ervaringsfragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Het belangrijkste voordeel van AEM Ervaringsfragmenten is het cre\u00ebren van universele paginasecties die kunnen worden hergebruikt op meerdere pagina&#8217;s en in verschillende eigenschappen. Met Ervaringsfragmenten profiteert u van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistentie<\/strong>. Ervaringsfragmenten kunnen worden hergebruikt op verschillende pagina&#8217;s en in verschillende eigenschappen om content gesynchroniseerd te houden.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>. U kunt snel reageren op marktveranderingen of klantbehoeften door content in alle eigenschappen gelijktijdig bij te werken.<\/li>\n\n\n\n<li><strong>Omnichannel<\/strong>. Ervaringsfragmenten kunnen worden gebruikt als publicatieklare content voor socialmediapostings.<\/li>\n\n\n\n<li><strong>Optimalisatie<\/strong>. U kunt varianten van ervaringen cre\u00ebren om te voldoen 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 op websites, sociale media, mobiele apps, enz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-experience-fragments-work\">Hoe werken AEM Ervaringsfragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om een ervaringsfragment te cre\u00ebren, moet u een sjabloon selecteren dat definieert welke componenten zullen worden gebruikt om de ervaring samen te stellen. Aan elk fragment voegt u verschillende varianten toe. Deze gebruiken dezelfde inhoud, maar hebben verschillende lay-outs en ontwerpen die zijn aangepast aan communicatiekanalen of de eigenschappen waarin de inhoud wordt weergegeven:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ge\u00efntegreerd met de pagina in AEM Sites via de AEM Experience Fragment-component.<\/li>\n\n\n\n<li>Geleverd via AEM-inhouddiensten en API-pagina&#8217;s aan externe applicaties en platforms.<\/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 workflow eruitziet in het architectuurdiagram van ervaringsfragmenten:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574b07d6ce2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d6ce2\" 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 van ervaringsfragmenten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we het voorbeeld nemen van een reisorganisatie die ervaringsfragmenten gebruikt om een toeristische bestemming te promoten op haar website en sociale media. 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>Cre\u00eber een ervaringsfragment dat overeenkomt met het sjabloon dat het bedrijf gebruikt voor het promoten van bestemmingen.<\/li>\n\n\n\n<li>Voeg verschillende varianten van het Ervaringsfragment toe voor de desktop- en mobiele versies van de website, Pinterest en Facebook.<\/li>\n\n\n\n<li>Publiceer het nieuwe Ervaringsfragment vanuit de AEM-console naar alle kanalen.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574b07d7880&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d7880\" 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;6a574b07d7fc1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d7fc1\" 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;6a574b07d8f86&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d8f86\" 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;6a574b07d9998&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07d9998\" 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;6a574b07da0ed&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574b07da0ed\" 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 vergelijkbare wijze zou een marketeer, met behulp van een ander sjabloon, Ervaringsfragmenten kunnen cre\u00ebren die delen van een detailpagina van een toeristische bestemming weergeven, inclusief een locatieoverzicht, accommodatie, populaire attracties in de omgeving en nog veel meer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verschil tussen Contentfragmenten en Ervaringsfragmenten 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\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments-2\/\">Experience Fragments in AEM<\/a> hergebruik van content mogelijk maken, dienen ze verschillende doeleinden. <strong>Content Fragments<\/strong> zijn uitsluitend tekstueel en gestructureerd voor multichannel distributie, waardoor ze ideaal zijn voor headless contentlevering. Ze zijn onafhankelijk van ontwerp en lay-out, waardoor content kan worden hergebruikt in diverse digitale ervaringen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments<\/strong>, aan de andere kant, zijn volledig ontworpen contentblokken die componenten bevatten zoals afbeeldingen, tekst en knoppen. Ze behouden zowel de structuur als de 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 het beheren van ruwe content, terwijl Experience Fragments herbruikbare en gestyleerde contentcomponenten leveren, wat zorgt voor een consistent ontwerp 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 substituten, maar een dynamisch duo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zoals u ziet, 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 doeleinden. Tegelijkertijd werken ze, elk met hun eigen functie, perfect samen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een Experience Fragment kan componenten bevatten die Content Fragments gebruiken. Deze componenten vormen de tekst en afbeeldingen van Content Fragments en integreren deze op specifieke plaatsen op pagina&#8217;s en schermen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zowel AEM Content Fragments als AEM Experience Fragments bieden unieke voordelen die bedrijven kunnen helpen content effectiever te cre\u00ebren en te beheren. Beide oplossingen maken een headless benadering van contentbeheer mogelijk en ondersteunen het hergebruik van content in verschillende kanalen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-is-content-stored-in-aem-\">Hoe wordt inhoud opgeslagen in AEM?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Inhoud 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 voor toegang tot en manipulatie van inhoud. JCR biedt een flexibele en schaalbare opslagoplossing die effici\u00ebnt ophalen en beheer van inhoud in AEM mogelijk maakt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"is-it-possible-to-export-aem-experience-fragments-to-target-\">Kunnen AEM Experience Fragments worden ge\u00ebxporteerd naar Adobe 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 maakt het mogelijk om Experience Fragments te gebruiken als aanbiedingen in Target-activiteiten, om zo 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 zelfstandige eenheid die een specifieke functionaliteit of een stuk inhoud representeert, gestructureerd en ontworpen op een specifieke manier. Een Experience Fragment vertegenwoordigt een groep componenten die zijn samengevoegd 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\">Een belangrijke functie die beschikbaar is in <strong>Experience Fragments<\/strong>, maar niet in <strong>Content Fragments<\/strong>, is de mogelijkheid om het <strong>ontwerp en de lay-out te behouden<\/strong>. Experience Fragments bevatten AEM-componenten, zoals afbeeldingen, knoppen en opgemaakte tekst, waarbij hun stijl en structuur behouden blijven op verschillende pagina&#8217;s en kanalen. Dit maakt ze ideaal voor het cre\u00ebren van herbruikbare, visueel consistente contentblokken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Content Fragments zijn daarentegen uitsluitend tekstueel en ontberen elk ontwerpelement. 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 Contentfragmenten AEM Ervaringsfragmenten Geen substituten, maar een dynamisch duo FAQ Wat onderscheidt AEM van traditionele CMS-systemen? Een [&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-23238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Zadzwo\u0144 do nas","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\/23238","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=23238"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23238\/revisions"}],"predecessor-version":[{"id":23240,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23238\/revisions\/23240"}],"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=23238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/categories?post=23238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/tags?post=23238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}