{"id":23226,"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:47","modified_gmt":"2026-07-01T10:03:47","slug":"het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments-2","status":"publish","type":"post","link":"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments-2\/","title":{"rendered":"Het wanneer en hoe van AEM Content Fragments en Experience Fragments"},"content":{"rendered":"<div class=\"custom-toc\"><ul><li class=\"h2-toc\"><a href=\"#aem-content-fragments\">AEM Content Fragments<\/a><\/li><li class=\"h2-toc\"><a href=\"#aem-experience-fragments\">AEM Experience Fragments<\/a><\/li><li class=\"h2-toc\"><a href=\"#not-counterparts-but-a-dynamic-duo\">Geen tegenhangers, maar een dynamisch duo<\/a><\/li><li class=\"h2-toc\"><a href=\"#faq\">Veelgestelde vragen<\/a><\/li><\/ul><\/div>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">Wat onderscheidt AEM van traditionele CMS&#8217;en?<\/a> Een van de belangrijkste kenmerken is dat u een pagina niet als \u00e9\u00e9n enkele inhoudseenheid hoeft te behandelen. In plaats daarvan kunt u kleinere inhoudsdelen cre\u00ebren die op al uw pagina&#8217;s en\/of op willekeurige pagina&#8217;s kunnen worden hergebruikt. Deze kleine en pagina-onafhankelijke inhoudseenheden zijn <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/het-wanneer-en-hoe-van-aem-content-fragments-en-experience-fragments\/\">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\">Aanvankelijk 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 hen kunt gebruiken voor effici\u00ebnte inhoudsproductie 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 designonafhankelijke inhoud vertegenwoordigen, terwijl de laatste de lay-out en het design 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 inhoudseenheid.<\/li>\n\n\n\n<li>Design- en lay-outonafhankelijk, waarbij de frontend-applicatie het uiterlijk van de inhoud definieert.<\/li>\n\n\n\n<li>De mastervariant is de primair gebruikte standaardversie, en andere varianten zijn secundair en toepassingsspecifiek.<\/li>\n\n\n\n<li>Worden voornamelijk gebruikt voor de <a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">headless CMS-implementatie<\/a>, die de contentcreatie en -distributie scheidt.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments in AEM (XF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Meerdere AEM-componenten worden samengesteld volgens een specifieke sjabloon.<\/li>\n\n\n\n<li>Presentatiegericht, waarbij design en lay-out van content specifiek voor verschillende kanalen of frontend-applicaties worden gedefinieerd.<\/li>\n\n\n\n<li>Alle varianten zijn kanaal- of contextspecifiek en worden gesynchroniseerd met behulp van de Live Copy-functie van AEM.<\/li>\n\n\n\n<li>Dienen voor het hergebruik van content over pagina&#8217;s op een website of meerdere eigenschappen heen, voor het gecentraliseerd beheren van multi-channel marketingmaterialen.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"aem-content-fragments\">AEM Content Fragments<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Fragments in AEM<\/strong> zijn tekstinhoud die eenvoudig of gestructureerd kan zijn, maar altijd vrij is van design of lay-out. Ge\u00efntroduceerd in <strong>AEM 6.2<\/strong>, bieden Content Fragments een manier om herbruikbare content centraal te beheren en tegelijkertijd consistentie te waarborgen over verschillende digitale ervaringen heen. Ze stellen auteurs in staat om gestructureerde teksten te cre\u00ebren, beheren en distribueren die over verschillende kanalen heen gebruikt kunnen worden, zonder gebonden te zijn aan een specifiek presentatieformaat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Content Fragments zijn er in drie hoofdtypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Eenvoudige Content Fragments<\/strong> \u2013 Eenvoudige, op tekst gebaseerde fragmenten zonder vooraf gedefinieerde structuur, doorgaans gebruikt voor korte beschrijvingen of op zichzelf staande content.<\/li>\n\n\n\n<li><strong>Complexe Content Fragments<\/strong> \u2013 Gestructureerde fragmenten die Content Fragment Modellen gebruiken om specifieke velden en gegevenstypen te defini\u00ebren en zo consistentie en een betere contentgovernance te waarborgen.<\/li>\n\n\n\n<li><strong>Geneste Content Fragments<\/strong> \u2013 Fragmenten die verwijzen naar andere Content Fragments en de creatie van hi\u00ebrarchische of modulaire contentstructuren mogelijk maken voor meer flexibiliteit en herbruikbaarheid.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gezamenlijk kunnen meerdere Content Fragments grotere assets vormen, zoals blogposts, landingspagina&#8217;s en andere digitale ervaringen. Hun gestructureerde aanpak maakt naadloos hergebruik van content mogelijk en verbetert zo de effici\u00ebntie en consistentie over meerdere touchpoints heen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Fragment Modellen<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AEM Content Fragment Modellen<\/strong> helpen inhoud in AEM te structureren en te standaardiseren, waardoor deze gemakkelijker over verschillende kanalen heen beheerd en hergebruikt kan worden. Als onderdeel van de <strong>gestructureerde contentmethoden van AEM<\/strong> defini\u00ebren deze modellen specifieke velden zoals titel, rich text, referenties en metadata, om consistentie en flexibiliteit te waarborgen. Deze aanpak stelt bedrijven in staat om goed georganiseerde, herbruikbare content te cre\u00ebren en tegelijkertijd een duidelijke content-governance te handhaven.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574af928cc9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af928cc9\" 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;6a574af9294db&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af9294db\" 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;6a574af929b5f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af929b5f\" 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;6a574af92a23d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92a23d\" 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\">Met AEM Content Fragments scheidt u de creatie van content van de levering ervan. De contenteenheden die u cre\u00ebert, zijn niet afhankelijk van een specifieke lay-out. Dit betekent dat u ze naadloos kunt integreren in verschillende ontwerpen en kunt profiteren van de volgende voordelen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modulariteit<\/strong>: Met Content Fragments kunt u kleinere contentbouwstenen cre\u00ebren.<\/li>\n\n\n\n<li><strong>Herbruikbaarheid<\/strong>: Elk element kan over meerdere pagina&#8217;s heen hergebruikt worden, wat de consistentie van de informatie over kanalen en eigenschappen heen waarborgt.<\/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 Content Fragments 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>. Een enkele tekstbouwsteen uit uw database kan worden weergegeven op uw website, mobiele app, uw online winkel of elke andere eigenschap waar u deze nodig heeft.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-content-fragments-work\">Hoe AEM Content Fragments werken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om contentfragmenten te gebruiken, moet u eerst een contentfragmentmodel maken dat dient als een blauwdruk voor een groep vergelijkbare contentfragmentinstanties en beschrijft welke informatie u erin kunt opnemen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Met behulp van de blauwdruk kunt u zoveel contentfragmenten maken als u nodig heeft. Elk fragment bevat een hoofdvariant die standaard wordt gebruikt. Indien nodig kunt u extra varianten toevoegen die in specifieke kanalen of plaatsingen moeten worden gebruikt. Varianten stellen u in staat om content aan te passen voor verschillende doelgroepen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al uw contentfragmenten worden opgeslagen als assets, zodat u ze kunt oproepen, 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 met AEM Sites is gemaakt<\/li>\n\n\n\n<li>Via headless API&#8217;s worden ge\u00efntegreerd in uw single-page-app<\/li>\n\n\n\n<li>Via AEM Content Services worden opgehaald in een mobiele app.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Op elke bestemming is er een specifieke component die het contentfragment verbruikt en definieert hoe het past binnen lay-out en ontwerp. De volgende afbeelding helpt u de architectuur van de contentfragmenten te visualiseren en beter te begrijpen wat erachter zit:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574af92af5a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92af5a\" 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 soorten content ondersteunen AEM Content Fragments? Het korte antwoord is: meestal tekst, soms afbeeldingen. Het is echter belangrijk te verduidelijken dat uw teksten elke lengte en structuur kunnen hebben. U kunt een eenvoudig fragment maken met tekst van \u00e9\u00e9n regel of meerdere regels. Of u kunt gestructureerde tekst gebruiken die verschillende soorten informatie bevat: naam, tekst, contactgegevens, datum, tijd, enz. U kunt bijvoorbeeld een profiel van een blogauteur als contentfragment aanmaken.<\/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;6a574af92b737&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92b737\" 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;6a574af92be5c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92be5c\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp\" alt=\"\" class=\"wp-image-6562\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Hier zijn enkele andere voorbeelden van tekstgebaseerde assets die u kunt maken:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een bibliotheek van productbeschrijvingen voor hergebruik op verschillende pagina&#8217;s en kanalen.<\/li>\n\n\n\n<li>Een verzameling van klantreferenties die ge\u00efntegreerd kunnen worden op verschillende pagina&#8217;s van een website.<\/li>\n\n\n\n<li>Een reeks call-to-actions die kunnen worden afgestemd op verschillende campagnes en doelgroepen.<\/li>\n\n\n\n<li>Blogberichten, nieuws en artikelen die getoond moeten worden op verschillende eigenschappen en kanalen.<\/li>\n\n\n\n<li>Elementen van een evenementpagina, zoals biografie\u00ebn van sprekers, beschrijvingen van sessies 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 tekstgedeelte dat als een op zichzelf staande eenheid zinvol is, kan worden gemaakt en gebruikt als een contentfragment.<\/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 coherente set componenten die op een specifieke manier zijn gerangschikt om een deel van een pagina, of in sommige gevallen een hele pagina, weer te geven. Ge\u00efntroduceerd in <strong>AEM 6.3<\/strong>, maken Experience Fragments het hergebruik van content over verschillende kanalen mogelijk, met behoud van design en structuur. Een Experience Fragment kan bijvoorbeeld afbeeldingen, tekstparagrafen en knoppen bevatten die de sectie voor uitgelichte blogberichten op een homepage vormen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-aem-experience-fragments\">Voordelen van het gebruik van AEM Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Het belangrijkste voordeel van AEM Experience Fragments ligt in de creatie van universele paginasecties die op meerdere pagina&#8217;s en eigenschappen kunnen worden hergebruikt. Met Experience Fragments profiteert u van:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistentie<\/strong>. Experience Fragments kunnen op verschillende pagina&#8217;s en eigenschappen worden hergebruikt om uw content synchroon te houden.<\/li>\n\n\n\n<li><strong>Flexibiliteit<\/strong>. U kunt snel reageren op veranderingen in de markt of de behoeften van klanten door content gelijktijdig op alle eigenschappen bij te werken.<\/li>\n\n\n\n<li><strong>Multichannel<\/strong>. Experience Fragments kunnen worden gebruikt als content die klaar is om te worden gepubliceerd als socialemediapost.<\/li>\n\n\n\n<li><strong>Optimalisatie<\/strong>. U kunt variaties van ervaringen cre\u00ebren om te voldoen aan specifieke use cases, verschillende doelgroepen en kanalen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Over het algemeen ondersteunen Adobe Experience Fragments de headless implementatie van AEM en maken ze hergebruik van content mogelijk op websites, sociale media, mobiele apps, enz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-experience-fragments-work\">Hoe AEM Experience Fragments werken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Om een Experience Fragment te cre\u00ebren, moet u een template selecteren dat definieert welke componenten worden gebruikt om een ervaring samen te stellen. Voor elk fragment voegt u verschillende variaties toe. Deze gebruiken dezelfde content, maar hebben verschillende lay-outs en ontwerpen die zijn aangepast aan de communicatiekanalen of eigenschappen waarop de content 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 Pages aan apps en platforms van derden.<\/li>\n\n\n\n<li>Ge\u00ebxporteerd naar Adobe Target als 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 het proces eruitziet in het architectuurdiagram van Experience Fragments:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574af92d145&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92d145\" 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\">Use case voor Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we een voorbeeld bekijken van een reisbureau dat Experience Fragments gebruikt om een reisbestemming te promoten op hun website en sociale media. Zo zou een marketingmanager te werk gaan om snel een multichannel-ervaring te cre\u00ebren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cre\u00eber een Experience Fragment dat een template volgt dat het bedrijf gebruikt voor het promoten van reisbestemmingen.<\/li>\n\n\n\n<li>Voeg meerdere varianten van het Experience Fragment toe voor de desktop- en mobiele versies van de website, Pinterest en Facebook.<\/li>\n\n\n\n<li>Publiceer het nieuwe Experience Fragment kanaaloverschrijdend via de AEM-console.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a574af92da49&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92da49\" 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;6a574af92e0fa&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92e0fa\" 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;6a574af92e887&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92e887\" 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;6a574af92efaf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92efaf\" 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;6a574af92f6c0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a574af92f6c0\" 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 de marketeer met een andere sjabloon Experience Fragments kunnen cre\u00ebren die delen van de detailpagina van de bestemming weergeven, inclusief het locatieoverzicht, accommodatie, populaire activiteiten in de directe omgeving en meer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verschil tussen Content Fragments en Experience Fragments in AEM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hoewel zowel Content Fragments als <a href=\"https:\/\/axamit.com\/nl\/blog\/adobe-experience-manager\/wanneer-en-hoe-content-fragmenten-en-aem-experience-fragmenten-te-gebruiken\/\">Experience Fragments in AEM<\/a> het hergebruik van inhoud mogelijk maken, dienen ze verschillende doeleinden. <strong>Content Fragments<\/strong> zijn puur tekstgebaseerd en gestructureerd voor omnichanneldistributie, wat ze ideaal maakt voor headless contentlevering. Ze zijn onafhankelijk van ontwerp en lay-out en maken het hergebruik van inhoud mogelijk voor verschillende digitale ervaringen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments<\/strong> daarentegen zijn volledig ontworpen inhoudsblokken die componenten zoals afbeeldingen, tekst en knoppen bevatten. Ze behouden zowel structuur als styling, wat ze nuttig maakt voor het hergebruiken van merkinhoud over meerdere pagina&#8217;s of kanalen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eenvoudig gezegd concentreren Content Fragments zich op ruw inhoudsbeheer, terwijl Experience Fragments herbruikbare, gestylde inhoudscomponenten leveren voor een consistent ontwerp over alle ervaringen heen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"not-counterparts-but-a-dynamic-duo\">Geen tegenhangers, maar een dynamisch duo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zoals u kunt zien, dienen deze twee\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/aem-features\/\" data-type=\"post\" data-id=\"458\">functies<\/a>\u00a0van het\u00a0<a href=\"https:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">AEM-contentmanagementsysteem<\/a>\u00a0verschillende doeleinden. Tegelijkertijd, en elk hun functie vervullend, werken ze perfect samen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een Experience Fragment kan componenten bevatten die Content Fragments consumeren. Deze componenten vormen tekst en afbeeldingen uit Content Fragments en integreren ze op specifieke plaatsen op pagina&#8217;s en schermen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zowel AEM Content Fragments als AEM Experience Fragments bieden unieke voordelen die bedrijven kunnen helpen hun content effici\u00ebnter te cre\u00ebren en te beheren. Beide maken de headless-aanpak bij contentmanagement mogelijk en bevorderen hergebruik van content over verschillende kanalen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"faq\">Veelgestelde vragen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-is-content-stored-in-aem-\">Hoe wordt content opgeslagen in AEM?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Content wordt in AEM opgeslagen als een hi\u00ebrarchie van knooppunten binnen de Java Content Repository (JCR). Het JCR is een hi\u00ebrarchische datastore die een gestandaardiseerde querytaal (SQL2) gebruikt voor toegang en contentmanipulatie. Het JCR biedt een flexibele en schaalbare opslagoplossing die effici\u00ebnte contentquery&#8217;s en -beheer binnen AEM mogelijk maakt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"is-it-possible-to-export-aem-experience-fragments-to-target-\">Is het mogelijk om AEM Experience Fragments naar Target te exporteren?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, het is mogelijk om AEM Experience Fragments als HTML- en JSON-bestanden naar Adobe Target te exporteren. Deze integratie stelt u in staat om Experience Fragments als aanbiedingen te gebruiken 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 Experience Fragment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een AEM-component is een zelfstandige eenheid die een specifieke functionaliteit of content vertegenwoordigt die op een bepaalde manier is gestructureerd en ontworpen. Een Experience Fragment vertegenwoordigt een groep componenten die met elkaar zijn verbonden om een specifieke gebruikerservaring te cre\u00ebren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welke functionaliteit is beschikbaar in Experience Fragments, maar niet in Content Fragments?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Een belangrijke functie die beschikbaar is in <strong>Experience Fragments<\/strong>, maar niet in <strong>Content Fragments<\/strong>, is de mogelijkheid om <strong>ontwerp en lay-out te behouden<\/strong>. Experience Fragments bevatten AEM-componenten zoals afbeeldingen, knoppen en opgemaakte tekst, waardoor hun styling en structuur over verschillende pagina&#8217;s en kanalen behouden blijft. Dit maakt ze ideaal voor het cre\u00ebren van herbruikbare, visueel consistente inhoudsblokken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Content Fragments daarentegen zijn puur tekstgebaseerd en vrij van designelementen. Ze zijn gestructureerd voor omnichannel-distributie, waardoor ze beter geschikt zijn voor headless contentlevering, waarbij de styling afzonderlijk wordt toegepast.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AEM Content Fragments AEM Experience Fragments Geen tegenhangers, maar een dynamisch duo Veelgestelde vragen Wat onderscheidt AEM van [&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-23226","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Rufen Sie uns an","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 u ze moet gebruiken voor effici\u00ebnte contentproductie en -beheer."},"_links":{"self":[{"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23226","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=23226"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23226\/revisions"}],"predecessor-version":[{"id":23228,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/posts\/23226\/revisions\/23228"}],"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=23226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/categories?post=23226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/nl\/wp-json\/wp\/v2\/tags?post=23226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}