DokumentationAEMAEM Screens-Anleitung

Hinzufügen von Komponenten zu Kanälen adding-components-to-a-channel

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Fortgeschrittener
  • Admin
  • Entwickler

Komponenten sind die grundlegenden Elemente des AEM (Adobe Experience Manager)-Erlebnisses. Sie können verschiedene Komponenten nutzen und diesen Kanälen in AEM Screens-Projekten hinzufügen.

Komponenten in AEM Screens components-in-aem-screens

AEM Screens bietet verschiedene AEM-Komponenten, die sich in Screens-Projekten verwenden lassen.

Anzeigen von AEM Screens-Komponenten viewing-aem-screens-components

Beim Erstellen eines AEM Screens-Projekts wird eine Liste der Standardkomponenten angezeigt, die dem Projekt hinzugefügt werden können.

Gehen Sie wie folgt vor, um die Standardkomponenten für ein Screens-Projekt anzuzeigen:

  1. Klicken Sie auf den Kanal. Beispiel:  We.Retail In Store > Kanäle > Idle Channel.

  2. Klicken Sie in der Aktionsleiste auf Bearbeiten.

  3. Klicken Sie im AEM-Editor auf das +-Symbol in der Seitenleiste.

  4. Alle Komponenten, die standardmäßig in einem AEM Screens-Projekt enthalten sind, werden angezeigt (siehe nachfolgende Abbildung).

screen_shot_2017-12-18at21350pm

Hinzufügen neuer Komponenten adding-a-new-component

AEM stellt verschiedene Komponenten bereit. Sie können Ihrem Projekt jederzeit weitere (nicht standardmäßig enthaltene) Komponenten hinzufügen, sofern diese Komponenten mit AEM Screens kompatibel sind.

Im folgenden Beispiel sehen Sie, wie einem AEM Screens-Projekt eine Livefyre-Komponente hinzugefügt wird:

  1. Klicken Sie auf den Kanal, dem eine Komponente hinzugefügt werden soll. Beispiel:  We.Retail In Store > Kanäle > Idle Channel.

  2. Klicken Sie in der Aktionsleiste auf Bearbeiten.

  3. Klicken Sie auf den Modus Design.

  4. Wählen Sie rechts den kompletten Design-Editor aus und klicken Sie dann auf das Einstellungssymbol, um das Dialogfeld ParSys-Design zu öffnen.

  5. Sie können auf die Komponenten klicken, die in das AEM Screens-Projekt importiert werden sollen.  Im folgenden Beispiel sehen Sie, wie einem AEM Screens-Projekt eine Livefyre-Komponente hinzugefügt wird.

adding_components

NOTE
Auf die gleiche Weise können Sie dem Projekt eine beliebige Anzahl anderer neuer Komponenten hinzufügen, die mit AEM Screens kompatibel sind.

Grundlegendes zu AEM Screens-Komponenten understanding-aem-screen-components

Im folgenden Abschnitt werden die AEM Screens-Komponenten beschrieben, die Sie für Projekte nutzen können.

NOTE
Um die Eigenschaften einer Komponente anzuzeigen, klicken Sie auf die Komponente und dann auf das Hammersymbol. Daraufhin werden die Eigenschaften geöffnet/eingeblendet.

Programm application

Mit der Komponente Anwendung können Sie Kanälen eine Anwendung hinzufügen.

Die Komponente „Anwendung“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Anwendungspfad
Damit wird der absolute Pfad zur Anwendung festgelegt.
Dauer (Millisekunden)
Damit wird die Dauer der Anwendung festgelegt. Standardmäßig ist die Dauer auf den Wert „-1“ festgelegt. Dies bedeutet, dass das Element auf unbestimmte Zeit ausgeführt wird (bei einer Single Page Application). Wird unter „Dauer“ ein Wert über 0 festgelegt, wird das Element für die angegebene Dauer angezeigt. Anschließend wird zum nächsten Element gewechselt.

Im folgenden Beispiel sehen Sie, wie die Komponente „Anwendung“ hinzugefügt wird, einschließlich einer Vorschau ihrer Eigenschaften:

adding_componentsapplication

NOTE
Im Beispiel oben sehen Sie, wie die Eigenschaften aller nachfolgenden Komponenten aufgerufen werden können.

Kanal channel

Mit der Komponente Kanal können Sie Projekten einen vollständigen Kanal hinzufügen.

Die Komponente „Kanal“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Kanalpfad
Damit wird der absolute Pfad zur Anwendung festgelegt.
Dauer (Millisekunden)
Damit wird die Gesamtdauer des Kanals festgelegt. Wird unter „Dauer“ ein Wert von „-1“ eingestellt, bedeutet dies, dass der eingebettete Kanal in einem bestimmten Kanal in vollständiger Länge ausgeführt wird.

Eingebettete Seite embedded-page

Mit der Komponente Eingebettete Seite können Sie einem Projekt eine eingebettete Seite hinzufügen. Beispiel: eine Webanwendung oder einen Produktkatalog.

Die Komponente „Eingebettete Seite“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Seitenpfad
Damit wird der absolute Pfad zum Kanal festgelegt.
Dauer (Millisekunden)
Damit wird die Gesamtdauer des Kanals festgelegt. Wird unter „Dauer“ ein Wert von „-1“ eingestellt, bedeutet dies, dass der eingebettete Kanal in einem bestimmten Kanal in vollständiger Länge ausgeführt wird.

Eingebettete Sequenz embedded-sequence

NOTE
Ausführliche Informationen zu eingebetteten Sequenzen finden Sie im Abschnitt „Inhaltserstellung in Screens“ unter Eingebettete Sequenzen.

Mit der Komponente „Eingebettete Sequenz“ können Sie einen eingebetteten Sequenzkanal in einem vorhandenen Kanal (mit anderen Assets) hinzufügen.

Die Komponente „Eingebettete Sequenz“ verfügt über die folgenden Seiteneigenschaften:

Eigenschaft
Beschreibung
Kanalpfad
Damit wird der absolute Pfad zu der Sequenz festgelegt, die in den Kanal aufgenommen werden soll.
Dauer (Millisekunden)
Damit wird die Gesamtdauer des Kanals festgelegt. Wird unter „Dauer“ ein Wert von „-1“ eingestellt, bedeutet dies, dass der eingebettete Kanal in einem bestimmten Kanal in vollständiger Länge ausgeführt wird.
Strategie
Für diese Eigenschaft kann  original oder einzeln festgelegt werden. Ist der Wert auf original  festgelegt, wird die Teilsequenz bei jedem Zyklus der übergeordneten Sequenz vollständig ausgeführt. Der andere mögliche Wert lautet einzeln. Hierbei wird nur ein Element der Teilsequenz bei jeder Ausführung angezeigt, beispielsweise das erste Element bei der ersten Schleife und das zweite Element bei der zweiten Schleife.

Dynamische eingebettete Sequenz dynamic-embedded-sequence

Mit einer dynamischen eingebetteten Sequenz können Sie eine ähnliche Sequenz wie die oben erwähnte hinzufügen, jedoch nach Kanalrolle.

Weitere Informationen zu eingebetteten Sequenzen finden Sie im Abschnitt „Inhaltserstellung in Screens“ unter Eingebettete Sequenzen.

Die Komponente „Dynamische eingebettete Sequenz“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Kanalzuordnungsrolle
Geben Sie die Kanalrolle an.
Dauer (Millisekunden)
Damit wird die Gesamtdauer des Kanals festgelegt. Wird unter „Dauer“ ein Wert von „-1“ eingestellt, bedeutet dies, dass der eingebettete Kanal in einem bestimmten Kanal in vollständiger Länge ausgeführt wird.
Strategie
Für diese Eigenschaft kann  original oder einzeln festgelegt werden. Ist der Wert auf original  festgelegt, wird die Teilsequenz bei jedem Zyklus der übergeordneten Sequenz vollständig ausgeführt. Der andere mögliche Wert lautet einzeln. Hierbei wird bei jeder Ausführung nur ein Element der Teilsequenz angezeigt, Beispielsweise das erste Element bei der ersten Schleife und das zweite Element bei der zweiten Schleife.

Experience Fragment experience-fragment

Mit einem Experience Fragment können Sie dem AEM Screens-Kanal ein Experience Fragment hinzufügen (eine Gruppe aus einer oder mehreren Komponenten, einschließlich Inhalt und Layout, worauf in Seiten verwiesen werden kann). Ziehen Sie die Komponente per Drag-and-Drop in den AEM-Editor und klicken Sie auf das Experience Fragment.

Weitere Informationen zum Erstellen eines Experience Fragments und dessen Anwendung auf ein AEM Screens-Projekt finden Sie unter Verwenden von Experience Fragments.

exp

Eigenschaft
Beschreibung
Experience Fragment
Experience Fragment
Wählen Sie das Experience Fragment aus.
Dauer
Wählen Sie die Gesamtdauer des Experience Fragments aus, das im Kanal wiedergegeben wird.
Offline-Konfiguration
Client-seitige Bibliotheken
JavaScript- und CSS-Dateien.
Statische Dateien
Statische Dateien, die Sie als Offline-Konfigurationen Ihrem Experience Fragment hinzufügen können.
NOTE
Die Client-seitigen Bibliotheken und statischen Dateien, die Sie aus dieser Komponente hinzufügen, werden zusätzlich zu den bereits konfigurierten Client-seitigen Bibliotheken und statischen Dateien bereitgestellt, die über die Eigenschaften des Experience Fragments hinzugefügt werden.

Bild image

Mit einem Bild können Sie dem Kanal ein Bild hinzufügen.

Das Bild-Asset besitzt die drei Registerkarten Bild, Erreichbarkeit und Sequenz:

Eigenschaft
Beschreibung
Bild
Bild-Asset
Klicken Sie auf das Bild-Asset.
Titel
Hierbei handelt es sich um den Titel des Bildes.
Verknüpfung zu
Damit wird dem Bild ein Link hinzugefügt.
Beschreibung
Hierbei handelt es sich um eine kurze Beschreibung des Bildes.
Größe
Hierbei handelt es sich um die Größe des Bildes.
Erreichbarkeit
Alternativtext
Hierbei handelt es sich um Alternativtext für das Bild.
Sequenz
Dauer
Standardmäßig ist die Dauer auf 8.000 Millisekunden eingestellt. Wenn Sie die Wiedergabedauer des Bildes ändern möchten, aktualisieren Sie das Feld Dauer.

Übergang transition

Mit der Komponente „Übergang“ können Sie Screens-Projekten einen Übergang hinzufügen.

Die folgende Abbildung veranschaulicht die (per Drag-and-Drop hinzugefügte) Übergangskomponente im Editor.

screen_shot_2019-07-25at104237am

Klicken Sie auf das Übergangssymbol und dann auf Konfigurieren (Schraubenschlüsselsymbol), um das Dialogfeld Übergang zu öffnen. Dieses Dialogfeld enthält drei Registerkarten:

  • Übergang
  • Sequenz
  • Aktivierung
NOTE
Standardmäßig ist die Sequenz auf 600 Millisekunden eingestellt. Sie können die Übergangssequenz auf andere Werte aktualisieren, indem Sie die Registerkarte Sequenz nutzen.

Übergang

Die Komponente „Übergang“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Übergang
Typ

Hierbei handelt es sich um den Typ des Übergangs zwischen zwei aufeinanderfolgenden Elementen. Der Typ des Übergangs umfasst die folgenden Optionen:

  • Normal
  • Überblendung
  • Von rechts einfügen
  • Von links einfügen
  • Von oben einfügen
  • Von unten einfügen
Sequenz
Dauer
Damit wird die Gesamtdauer des Übergangs festgelegt. Standardmäßig ist der Wert auf 600 Millisekunden eingestellt.
Aktivierung
Aktiv ab
Zeitstempel, der beschreibt, ab wann der Übergang aktiv sein kann.
Aktiv bis
Zeitstempel, der beschreibt, bis wann der Übergang aktiv sein kann.
Zeitplan
Fügen Sie einen vordefinierten Zeitplan hinzu.

Video video

Mit der Komponente „Video“ können Sie Screens-Projekten ein Video hinzufügen.

Die Komponente „Video“ verfügt über die folgenden Eigenschaften:

Eigenschaft
Beschreibung
Video-Asset
Klicken Sie auf den Link zum Video.
Dauer
Damit wird die Dauer des Videos festgelegt. Standardmäßig ist unter „Dauer“ ein Wert von „-1“ eingestellt. Dies bedeutet, dass das Element auf unbestimmte Zeit ausgeführt wird. Wird unter „Dauer“ ein Wert über 0 festgelegt, wird das Element für die angegebene Dauer angezeigt. Anschließend wird zum nächsten Element gewechselt.
Rendering

Wenn das Seitenverhältnis des Videos nicht auf den Bildschirm passt, können Sie „Rendering“ auf enthalten oder abdecken einstellen.

Enthalten bedeutet, dass das vollständige Video gezeigt wird; fehlende Bereiche werden mit schwarzem Rand aufgefüllt.

Abdecken bedeutet, dass das Video zwar den gesamten Viewport abdeckt, aber dass bestimmte, über die Seiten hinausgehende Teile nicht dargestellt werden.

Größe
Hierbei handelt es sich um die Größe des Videos.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053