Erweitern der Adobe Client-Datenschicht
Erstellt für:
- Entwickler
- Admin
Sie können die Kernkomponenten mit benutzerdefinierten Dialogoptionen erweitern, mit denen Content-Autoren zusätzliche Informationen zur Datenschicht eingeben können.
Um diese Felder in die Datenschicht einzuschließen, die von den Kernkomponenten bereitgestellt wird, müssen Sie das Modell der Komponente erweitern, das eigene spezifische Datenschichtmethoden implementiert.
Beispiel: Titelkomponente
Eine Kernomponente wie die Titelkomponente erweitert die Komponente, die über eine getData
-Methode verfügt, die standardmäßig ComponentData
zurückgibt.
ComponentData
serialisiert vordefinierte Felder, die Ihre Komponente implementieren kann, z. B. getDataLayerLinkUrl
und getDataLayerTitle
für TitleImpl
.
Daher verfügt Ihr benutzerdefiniertes Sling-Modell möglicherweise über eine getData
-Methode, die ein Objekt zurückgibt, das ComponentData
so erweitert, dass weitere Felder zurückgegeben werden.
Hierdurch wird dem HTML-Element Ihrer Komponente ein data-cmp-data-layer
-Attribut hinzugefügt mit dem JSON der Daten, die in die Datenschicht eingefügt werden. An dieser Stelle können Sie Skripte implementieren, die nach diesen Daten oder verwandten Ereignissen suchen.
Experience Manager
- Einführung in Kernkomponenten
- Responsives Design
- Wege zum Erfolg
- Komponentenbibliothek
- Versionen
- Erste Schritte
- Die WCM-Komponenten
- Akkordeon
- Breadcrumb
- Schaltfläche
- Karussell
- Container
- Inhaltsfragment
- Inhaltsfragmentliste
- Download
- Einbetten
- Experience Fragment
- Bild
- Sprachnavigation
- Liste
- Navigation
- Seite
- PDF-Viewer
- Fortschrittsleiste
- Schnellsuche
- Trennzeichen
- Freigabe in Social Media
- Inhalt
- Text
- Registerkarten
- Teaser
- Titel
- Formularkomponenten
- v1-Komponenten
- v2-Komponenten
- v3-Komponenten
- E-Mail-Komponenten
- Adaptive Formulare
- Einführung
- Versionsverlauf
- Adaptive Formulare – Komponenten
- Adaptive Formulare – Akkordeon
- Adaptive Formulare – Schaltfläche
- Kontrollkästchen „Adaptive Formulare“
- Adaptive Formulare – Kontrollkästchengruppe
- Adaptive Formulare – Container
- Adaptive Formulare – Datumsauswahl
- Adaptive Formulare – Dropdown-Liste
- Adaptive Formulare – E-Mail
- Formularfragment für adaptive Formulare
- Adaptive Formulare – Dateianlagen
- Adaptive Formulare – Vertikale Registerkarten
- Adaptive Formulare – hCaptcha
- Adaptive Formulare – horizontale Registerkarten
- Adaptive Formulare – Bild
- Adaptive Formulare – Numerisches Feld
- Adaptive Formulare – Bedienfeld
- Adaptive Formulare – CAPTCHA
- Adaptive Formulare – Optionsschaltfläche
- Adaptive Formulare – Schaltfläche „Zurücksetzen“
- Adaptive Formulare – Schaltfläche „Senden“
- Adaptives Formular – Schalter
- Adaptive Formulare – Telefon
- Adaptive Formulare – Text
- Adaptive Formulare – Textfeld
- Adaptive Formulare – Formulartitel
- Adaptive Formulare – Assistent
- Adaptive Formulare – Nutzungsbedingungen
- Kopfzeile
- Fußzeile
- Anpassen von Kernkomponenten für adaptive Formulare
- Beispiel-Designs und -vorlagen
- Entwicklung
- Entwickeln von Kernkomponenten
- Wege zum Erfolg
- WKND-Entwickler-Tutorial
- Anpassen der Kernkomponenten
- Komponentenrichtlinien
- AMP-Unterstützung
- Kontextabhängige Konfigurationen
- Einschließen von Client-Bibliotheken
- Adaptive Image Servlet
- Web-optimierte Bildbereitstellung
- Unterstützung für Remote Assets
- Adobe-Client-Datenschicht
- AEM-Projektarchetyp