{"id":22497,"date":"2023-04-10T20:50:13","date_gmt":"2023-04-10T20:50:13","guid":{"rendered":"https:\/\/site.axamit.com\/?p=516"},"modified":"2026-06-22T05:06:45","modified_gmt":"2026-06-22T05:06:45","slug":"das-wann-und-wie-von-aem-inhaltsfragmenten-und-erlebnisfragmenten","status":"publish","type":"post","link":"https:\/\/axamit.com\/de\/blog\/adobe-experience-manager\/das-wann-und-wie-von-aem-inhaltsfragmenten-und-erlebnisfragmenten\/","title":{"rendered":"Das Wann und Wie von AEM Inhaltsfragmenten und Erlebnisfragmenten"},"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\">Keine Gegenst\u00fccke, sondern ein dynamisches 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=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">Was unterscheidet AEM von traditionellen CMSs?<\/a>\u00a0Einer der Hauptpunkte ist, dass Sie eine Seite nicht als eine einzige Inhaltseinheit betrachten m\u00fcssen. Stattdessen k\u00f6nnen Sie kleinere Inhaltselemente erstellen, die auf allen und\/oder beliebigen Ihrer Seiten wiederverwendet werden k\u00f6nnen. Diese kleinen und seitenunabh\u00e4ngigen Inhaltseinheiten sind AEM Content Fragments und AEM Experience Fragments.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zun\u00e4chst kann es schwierig sein, den Unterschied zwischen Content Fragments und Experience Fragments zu verstehen. In diesem Artikel werden wir die Verwirrung beseitigen, damit Sie wissen, wie Sie jedes von ihnen f\u00fcr eine effiziente Inhaltsproduktion und -verwaltung nutzen k\u00f6nnen.<\/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 vs. Experience Fragments<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kurz gesagt, der Unterschied zwischen Content Fragments und Experience Fragments besteht darin, dass erstere designunabh\u00e4ngige Inhalte darstellen, w\u00e4hrend letztere das Layout und Design festlegen:\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Fragments in AEM (CF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Strukturierte Daten im Textformat und Bilder bilden eine logische Inhaltseinheit.<\/li>\n\n\n\n<li>Design- und layoutunabh\u00e4ngig, wobei die Frontend-Anwendung das Erscheinungsbild des Inhalts definiert.<\/li>\n\n\n\n<li>Die Master-Variante ist die standardm\u00e4\u00dfig verwendete prim\u00e4re Version, und andere Varianten sind sekund\u00e4r und anwendungsfallspezifisch.<\/li>\n\n\n\n<li>Dienen haupts\u00e4chlich der <a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">Headless-CMS-Implementierung<\/a>, die die Inhaltserstellung und -auslieferung trennt.<\/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>Mehrere AEM-Komponenten werden gem\u00e4\u00df einer bestimmten Vorlage zusammengestellt.<\/li>\n\n\n\n<li>Pr\u00e4sentationszentriert, definiert Design und Layout von Inhalten, spezifisch f\u00fcr verschiedene Kan\u00e4le oder Frontend-Anwendungen.<\/li>\n\n\n\n<li>Alle Varianten sind kanal- oder kontextspezifisch und werden \u00fcber die Live Copy-Funktion von AEM synchronisiert.<\/li>\n\n\n\n<li>Dienen der Wiederverwendung von Inhalten \u00fcber Seiten hinweg auf einer Website oder \u00fcber mehrere Properties hinweg f\u00fcr die zentralisierte Verwaltung von Multi-Channel-Marketingmaterialien.<\/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> sind textbasierte Inhalte, die entweder einfach oder strukturiert sein k\u00f6nnen, aber stets frei von Design oder Layout sind. Eingef\u00fchrt in <strong>AEM 6.2<\/strong>, bieten Content Fragments eine M\u00f6glichkeit, wiederverwendbare Inhalte zentral zu verwalten und dabei Konsistenz \u00fcber verschiedene digitale Erlebnisse hinweg zu gew\u00e4hrleisten. Sie erm\u00f6glichen es Content-Autoren, strukturierten Text zu erstellen, zu verwalten und zu verteilen, der \u00fcber verschiedene Kan\u00e4le hinweg verwendet werden kann, ohne an ein bestimmtes Pr\u00e4sentationsformat gebunden zu sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Content Fragments gibt es in drei Haupttypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Basis-Content Fragments<\/strong> \u2013 Einfache textbasierte Fragmente ohne vordefinierte Struktur, typischerweise f\u00fcr kurze Beschreibungen oder eigenst\u00e4ndige Inhaltselemente verwendet.<\/li>\n\n\n\n<li><strong>Komplexe Content Fragments<\/strong> \u2013 Strukturierte Fragmente, die Content Fragment Modelle verwenden, um spezifische Felder und Datentypen zu definieren, was Konsistenz und eine bessere Content-Governance gew\u00e4hrleistet.<\/li>\n\n\n\n<li><strong>Verschachtelte Content Fragments<\/strong> \u2013 Fragmente, die andere Content Fragments referenzieren und die Erstellung hierarchischer oder modularer Inhaltsstrukturen f\u00fcr mehr Flexibilit\u00e4t und Wiederverwendbarkeit erm\u00f6glichen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn sie zusammengef\u00fchrt werden, k\u00f6nnen mehrere Content Fragments gr\u00f6\u00dfere Assets bilden, wie Blogbeitr\u00e4ge, Landingpages und andere digitale Erlebnisse. Ihr strukturierter Ansatz erm\u00f6glicht eine nahtlose Wiederverwendung von Inhalten, wodurch Effizienz und Konsistenz \u00fcber mehrere Touchpoints hinweg verbessert werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Fragment Modelle<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AEM Content Fragment Modelle<\/strong> helfen, Inhalte in AEM zu strukturieren und zu standardisieren, wodurch die Verwaltung und Wiederverwendung \u00fcber verschiedene Kan\u00e4le hinweg vereinfacht wird. Als Teil der <strong>AEM-Methoden f\u00fcr strukturierte Inhalte<\/strong> definieren diese Modelle spezifische Felder wie Titel, Rich Text, Referenzen und Metadaten, was Konsistenz und Flexibilit\u00e4t gew\u00e4hrleistet. Dieser Ansatz erm\u00f6glicht es Unternehmen, gut organisierte, wiederverwendbare Inhalte zu erstellen und dabei eine klare Content-Governance aufrechtzuerhalten.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02e3e88&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e3e88\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"418\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1.webp\" alt=\"\" class=\"wp-image-6555\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1-300x148.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-1-768x378.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02e5dab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e5dab\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2.webp\" alt=\"\" class=\"wp-image-6556\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2.webp 1280w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-1024x522.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-2-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02e6c4f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e6c4f\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3.webp\" alt=\"\" class=\"wp-image-6557\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3.webp 1280w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-1024x522.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-3-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02e731d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e731d\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"434\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4.webp\" alt=\"\" class=\"wp-image-6559\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4-300x153.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-4-768x392.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-aem-content-fragments\">Vorteile der Nutzung von AEM Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Durch die Verwendung von AEM Content Fragments trennen Sie die Inhaltserstellung von der Inhaltsbereitstellung. Die von Ihnen erstellten Inhaltseinheiten sind unabh\u00e4ngig von einem spezifischen Layout. Das bedeutet, dass Sie sie nahtlos in verschiedene Designs einf\u00fcgen und von folgenden Vorteilen profitieren k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modularit\u00e4t<\/strong>: Mit Content Fragments k\u00f6nnen Sie kleinere Inhaltseinheiten erstellen.<\/li>\n\n\n\n<li><strong>Wiederverwendbarkeit<\/strong>: Jede Einheit kann auf mehreren Seiten wiederverwendet werden, wodurch die Informationskonsistenz \u00fcber Kan\u00e4le und Eigenschaften hinweg gew\u00e4hrleistet ist.<\/li>\n\n\n\n<li><strong>Flexibilit\u00e4t<\/strong>: Mit denselben Inhaltseinheiten k\u00f6nnen Sie problemlos verschiedene Erlebnisse aufbauen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Die aufgef\u00fchrten Vorteile von Content Fragments schaffen eine Voraussetzung f\u00fcr die Implementierung von\u00a0<a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/headless-aem\/\" data-type=\"post\" data-id=\"488\">AEM als Headless CMS<\/a>. Eine einzige Texteinheit aus Ihrer Datenbank kann auf Ihrer Website, mobilen App, in Ihrem Online-Shop oder jeder anderen Eigenschaft, wo Sie sie ben\u00f6tigen, angezeigt werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-content-fragments-work\">So funktionieren AEM Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Um Content Fragments zu verwenden, sollten Sie zun\u00e4chst ein Content Fragment Model erstellen, das als Blaupause f\u00fcr eine Gruppe \u00e4hnlicher Content Fragment Instanzen dient und beschreibt, welche Informationen Sie darin aufnehmen k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mithilfe dieser Blaupause k\u00f6nnen Sie so viele Content Fragments erstellen, wie Sie ben\u00f6tigen. Jedes davon enth\u00e4lt eine Master Variation, die standardm\u00e4\u00dfig verwendet wird. Bei Bedarf k\u00f6nnen Sie weitere Variations hinzuf\u00fcgen, die in spezifischen Kan\u00e4len oder Platzierungen verwendet werden. Variations erm\u00f6glichen es Ihnen, Inhalte an verschiedene Zielgruppen anzupassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alle Ihre Content Fragments werden als Assets gespeichert, auf die Sie \u00fcber den Content Fragment Editor oder die Assets Console zugreifen, sie bearbeiten und aktualisieren k\u00f6nnen. Aus der Datenbank k\u00f6nnen sie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Auf einer mit AEM Sites erstellten Website angezeigt werden<\/li>\n\n\n\n<li>\u00dcber Headless APIs in Ihre Single-Page-App bezogen werden<\/li>\n\n\n\n<li>\u00dcber AEM Content Services in einer mobilen App bezogen werden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">An jedem Zielort gibt es eine spezifische Komponente, die das Inhaltsfragment konsumiert und definiert, wie es sich in Layout und Design einf\u00fcgt. Die folgende Grafik hilft Ihnen, die Architektur der Inhaltsfragmente zu visualisieren und besser zu verstehen, was im Hintergrund geschieht:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02e7f0b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e7f0b\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"520\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp\" alt=\"\" class=\"wp-image-6560\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-300x184.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Content-Fragment-Model-768x470.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aem-content-fragments-use-cases\">Anwendungsf\u00e4lle von AEM Content Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Arten von Inhalten unterst\u00fctzen AEM Content Fragments? Die kurze Antwort lautet: haupts\u00e4chlich Text, manchmal Bilder. Es ist jedoch wichtig zu pr\u00e4zisieren, dass Ihre Texte beliebige L\u00e4ngen und Strukturen haben k\u00f6nnen. Sie k\u00f6nnen ein einfaches Fragment mit einzeiligem oder mehrzeiligem Text erstellen. Oder Sie k\u00f6nnen strukturierten Text verwenden, der verschiedene Arten von Informationen enth\u00e4lt: Name, Text, Kontaktdaten, Datum, Uhrzeit usw. Zum Beispiel k\u00f6nnen Sie ein Profil eines Blog-Autors als Inhaltsfragment erstellen.<\/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;6ac53d02e89e2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02e89e2\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1.webp\" alt=\"\" class=\"wp-image-6561\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-1-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02eab79&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02eab79\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp\" alt=\"\" class=\"wp-image-6562\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2.webp 425w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/AEM-Content-Fragments-use-cases-2-300x160.webp 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Hier sind einige weitere Beispiele f\u00fcr textbasierte Assets, die Sie erstellen k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eine Bibliothek von Produktbeschreibungen zur Wiederverwendung auf verschiedenen Seiten und Kan\u00e4len.<\/li>\n\n\n\n<li>Eine Sammlung von Kundenreferenzen, die in verschiedene Seiten einer Website integriert werden k\u00f6nnen.<\/li>\n\n\n\n<li>Eine Reihe von Call-to-Actions, die auf verschiedene Kampagnen und Zielgruppen zugeschnitten werden k\u00f6nnen.<\/li>\n\n\n\n<li>Blogbeitr\u00e4ge, Nachrichten und Artikel, die auf verschiedenen digitalen Auftritten und Kan\u00e4len angezeigt werden sollen.<\/li>\n\n\n\n<li>Elemente einer Eventseite, wie Biografien der Referenten, Session-Beschreibungen und die Tagesordnung.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Liste k\u00f6nnte fortgesetzt werden. Das Wichtigste, was Sie wissen sollten, ist, dass jeder Textbaustein, der als eigenst\u00e4ndige Einheit sinnvoll ist, als Inhaltsfragment erstellt und verwendet werden kann.<\/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\">Ein <strong>Experience Fragment in AEM<\/strong> ist eine koh\u00e4rente Menge von Komponenten, die auf eine bestimmte Weise angeordnet sind, um einen Teil einer Seite oder in einigen F\u00e4llen eine ganze Seite darzustellen. Eingef\u00fchrt mit <strong>AEM 6.3<\/strong>, erm\u00f6glichen Experience Fragments die Wiederverwendung von Inhalten \u00fcber verschiedene Kan\u00e4le hinweg, w\u00e4hrend Design und Struktur beibehalten werden. Zum Beispiel kann ein Experience Fragment Bilder, Textabschnitte und Schaltfl\u00e4chen enthalten, die den Bereich der vorgestellten Blogbeitr\u00e4ge auf einer Homepage bilden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-using-aem-experience-fragments\">Vorteile der Verwendung von AEM Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der Hauptvorteil von AEM Experience Fragments liegt in der Erstellung universeller Seitenbereiche, die auf mehreren Seiten und Eigenschaften wiederverwendet werden k\u00f6nnen. Mit Experience Fragments profitieren Sie von:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Konsistenz<\/strong>. Experience Fragments k\u00f6nnen auf verschiedenen Seiten und Eigenschaften wiederverwendet werden, um Ihre Inhalte synchron zu halten.<\/li>\n\n\n\n<li><strong>Flexibilit\u00e4t<\/strong>. Sie k\u00f6nnen schnell auf Marktver\u00e4nderungen oder Kundenbed\u00fcrfnisse reagieren, indem Sie Inhalte gleichzeitig \u00fcber alle Eigenschaften hinweg aktualisieren.<\/li>\n\n\n\n<li><strong>Multichannel<\/strong>. Experience Fragments k\u00f6nnen als Inhalte verwendet werden, die bereit sind, als Social-Media-Beitr\u00e4ge ver\u00f6ffentlicht zu werden.<\/li>\n\n\n\n<li><strong>Optimierung<\/strong>. Sie k\u00f6nnen Variationen von Erlebnissen erstellen, um spezifischen Anwendungsf\u00e4llen, verschiedenen Zielgruppen und Kan\u00e4len gerecht zu werden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt unterst\u00fctzen Adobe Experience Fragments die Headless-Bereitstellung von AEM und erm\u00f6glichen die Wiederverwendung von Inhalten \u00fcber Websites, soziale Medien, mobile Apps usw.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-aem-experience-fragments-work\">So funktionieren AEM Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Um ein Experience Fragment zu erstellen, m\u00fcssen Sie eine Vorlage ausw\u00e4hlen, die definiert, welche Komponenten zur Gestaltung eines Erlebnisses verwendet werden. F\u00fcr jedes Fragment f\u00fcgen Sie mehrere Variationen hinzu. Diese verwenden denselben Inhalt, haben aber unterschiedliche Layouts und Designs, die an die Kommunikationskan\u00e4le oder Eigenschaften angepasst sind, auf denen der Inhalt angezeigt wird:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Integriert in eine Seite auf AEM Sites \u00fcber die AEM Experience Fragment Komponente.<\/li>\n\n\n\n<li>Bereitgestellt \u00fcber AEM Content Services und API Pages an Apps und Drittanbieterplattformen.<\/li>\n\n\n\n<li>Exportiert zu Adobe Target als HTML-\/JSON-Datei, um Angebote zu erstellen und diese in verschiedene Aktivit\u00e4ten einzubetten.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Sehen wir uns an, wie der Ablauf im Architekturdiagramm der Experience Fragments aussieht:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02ec8bc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02ec8bc\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"675\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram.webp\" alt=\"\" class=\"wp-image-6563\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram.webp 850w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram-300x238.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-architecture-diagram-768x610.webp 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"experience-fragments-use-case\">Anwendungsfall f\u00fcr Experience Fragments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Betrachten wir ein Beispiel einer Reisefirma, die Experience Fragments verwendet, um ein Reiseziel auf ihrer Website und in sozialen Medien zu bewerben. Hier ist, was ein Marketingmanager tun w\u00fcrde, um schnell ein Multichannel-Erlebnis zu erstellen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Erstellen Sie ein Experience Fragment, das einer Vorlage folgt, die das Unternehmen zur Bewerbung von Reisezielen verwendet.<\/li>\n\n\n\n<li>F\u00fcgen Sie mehrere Varianten des Experience Fragments f\u00fcr die Desktop- und mobilen Versionen der Website, Pinterest und Facebook hinzu.<\/li>\n\n\n\n<li>Ver\u00f6ffentlichen Sie das neue Experience Fragment von der AEM-Konsole \u00fcber alle Kan\u00e4le hinweg.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02ee089&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02ee089\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case.webp\" alt=\"\" class=\"wp-image-6564\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case.webp 1999w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-300x165.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-1024x563.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-768x423.webp 768w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-1536x845.webp 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6e81cd72 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02eebff&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02eebff\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1086\" height=\"376\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2.webp\" alt=\"\" class=\"wp-image-6565\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2.webp 1086w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-300x104.webp 300w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-1024x355.webp 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-2-768x266.webp 768w\" sizes=\"auto, (max-width: 1086px) 100vw, 1086px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02efbd4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02efbd4\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"622\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3.webp\" alt=\"\" class=\"wp-image-6566\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3.webp 580w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-3-280x300.webp 280w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02f0d50&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02f0d50\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"722\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4.webp\" alt=\"\" class=\"wp-image-6567\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4.webp 568w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-4-236x300.webp 236w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac53d02f3089&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac53d02f3089\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5.webp\" alt=\"\" class=\"wp-image-6568\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5.webp 588w, https:\/\/axamit.com\/wp-content\/uploads\/2023\/04\/Experience-Fragments-use-case-5-221x300.webp 221w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Auf \u00e4hnliche Weise k\u00f6nnte der Marketer mithilfe einer anderen Vorlage Experience Fragments erstellen, die Teile der Detailseite des Reiseziels darstellen, einschlie\u00dflich der Standort\u00fcbersicht, Unterk\u00fcnfte, beliebter Aktivit\u00e4ten in der n\u00e4heren Umgebung und mehr.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unterschied zwischen Content Fragments und Experience Fragments in AEM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Obwohl sowohl Content Fragments als auch Experience Fragments in AEM die Wiederverwendung von Inhalten erm\u00f6glichen, dienen sie unterschiedlichen Zwecken. <strong>Content Fragments<\/strong> sind rein textbasiert und f\u00fcr die Omnichannel-Verteilung strukturiert, was sie ideal f\u00fcr die Headless-Inhaltsbereitstellung macht. Sie sind unabh\u00e4ngig von Design und Layout, wodurch Inhalte \u00fcber verschiedene digitale Erlebnisse hinweg wiederverwendet werden k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experience Fragments<\/strong> hingegen sind vollst\u00e4ndig gestaltete Inhaltsbl\u00f6cke, die Komponenten wie Bilder, Texte und Schaltfl\u00e4chen enthalten. Sie bewahren sowohl Struktur als auch Styling, was sie n\u00fctzlich macht, um Markeninhalte \u00fcber mehrere Seiten oder Kan\u00e4le hinweg wiederzuverwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Einfach ausgedr\u00fcckt konzentrieren sich Content Fragments auf die Verwaltung von Rohinhalten, w\u00e4hrend Experience Fragments wiederverwendbare, gestylte Inhaltskomponenten f\u00fcr ein konsistentes Design \u00fcber alle Erlebnisse hinweg bereitstellen.<\/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\">Keine Gegenst\u00fccke, sondern ein dynamisches Duo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wie Sie sehen k\u00f6nnen, dienen diese zwei\u00a0<a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/aem-features\/\" data-type=\"post\" data-id=\"458\">Funktionen<\/a>\u00a0des\u00a0<a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/what-is-aem\/\" data-type=\"post\" data-id=\"2483\">AEM-Content-Management<\/a>\u00a0Systems unterschiedlichen Zwecken. Gleichzeitig, indem jede ihre Funktion erf\u00fcllt, arbeiten sie perfekt zusammen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Experience Fragment kann Komponenten enthalten, die Content Fragments konsumieren. Diese Komponenten formen Text und Bilder aus Content Fragments und integrieren sie an bestimmten Stellen auf Seiten und Bildschirmen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sowohl AEM Content Fragments als auch AEM Experience Fragments bieten einzigartige Vorteile, die Unternehmen dabei helfen k\u00f6nnen, ihre Inhalte effizienter zu erstellen und zu verwalten. Beide erm\u00f6glichen den Headless-Ansatz im Content-Management und f\u00f6rdern die kanal\u00fcbergreifende Wiederverwendung von Inhalten.<\/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-\">Wie werden Inhalte in AEM gespeichert?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Inhalte werden in AEM als Hierarchie von Knoten innerhalb des Java Content Repository (JCR) gespeichert, einem hierarchischen Datenspeicher, der eine standardisierte Abfragesprache (SQL2) verwendet, um auf Inhalte zuzugreifen und diese zu manipulieren. Das JCR bietet eine flexible und skalierbare Speicherl\u00f6sung, die eine effiziente Inhaltsabfrage und -verwaltung innerhalb von AEM erm\u00f6glicht.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"is-it-possible-to-export-aem-experience-fragments-to-target-\">Ist es m\u00f6glich, AEM Experience Fragments nach Target zu exportieren?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja, es ist m\u00f6glich, AEM Experience Fragments als HTML- und JSON-Dateien nach Adobe Target zu exportieren. Diese Integration erm\u00f6glicht es Ihnen, Experience Fragments als Angebote in Target-Aktivit\u00e4ten zu verwenden, um digitale Erlebnisse in gro\u00dfem Ma\u00dfstab zu testen und zu personalisieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-is-the-difference-between-the-aem-component-and-experience-fragment-\">Was ist der Unterschied zwischen einer AEM-Komponente und einem Experience Fragment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Eine AEM-Komponente ist eine eigenst\u00e4ndige Einheit, die eine spezifische Funktionalit\u00e4t oder einen Inhalt darstellt, der auf eine bestimmte Weise strukturiert und gestaltet ist. Ein Experience Fragment stellt eine Gruppe von Komponenten dar, die miteinander verbunden sind, um eine spezifische Benutzererfahrung zu schaffen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welche Funktion ist in Experience Fragments verf\u00fcgbar, aber nicht in Content Fragments?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ein wichtiges Merkmal, das in <strong>Experience Fragments<\/strong>, aber nicht in <strong>Content Fragments<\/strong> verf\u00fcgbar ist, ist die F\u00e4higkeit, <strong>Design und Layout beizubehalten<\/strong>. Experience Fragments enthalten AEM-Komponenten wie Bilder, Schaltfl\u00e4chen und formatierten Text, wodurch deren Stil und Struktur \u00fcber verschiedene Seiten und Kan\u00e4le hinweg erhalten bleiben. Dies macht sie ideal f\u00fcr die Erstellung wiederverwendbarer, visuell konsistenter Inhaltsbl\u00f6cke.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Im Gegensatz dazu sind Content Fragments rein textbasiert und frei von jeglichen Designelementen. Sie sind f\u00fcr die Omnichannel-Verteilung strukturiert, wodurch sie besser f\u00fcr die Headless-Inhaltsbereitstellung geeignet sind, bei der das Styling separat angewendet wird.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AEM Content Fragments AEM Experience Fragments Keine Gegenst\u00fccke, sondern ein dynamisches Duo FAQ Was unterscheidet AEM von traditionellen [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":5015,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[156],"tags":[],"class_list":["post-22497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Give Us a Call","phone":"+1 (438) 383-6878","meta-description":"Erfahren Sie mehr \u00fcber die Funktionen der Content Fragments und Experience Fragments von AEM und die Unterschiede zwischen ihnen, um zu wissen, wann und wie sie f\u00fcr eine effiziente Inhaltsproduktion und -verwaltung eingesetzt werden k\u00f6nnen."},"_links":{"self":[{"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/posts\/22497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/comments?post=22497"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/posts\/22497\/revisions"}],"predecessor-version":[{"id":22499,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/posts\/22497\/revisions\/22499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/media\/5015"}],"wp:attachment":[{"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/media?parent=22497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/categories?post=22497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/de\/wp-json\/wp\/v2\/tags?post=22497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}