DokumentationAEMAEM Screens-Anleitung

Mehrzonen-Layout multi-zone-layout

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

Erstellt für:

  • Fortgeschrittener
  • Admin
  • Entwickler

Die folgende Seite beschreibt die Verwendung des Mehrzonen-Layouts und behandelt die folgenden Themen:

  • Überblick
  • Erstellen eines Mehrzonen-Layouts
  • Voraussetzungen
  • Verwenden einzelner Assets in einem oder mehreren Bereichen
  • Verwenden sequenzieller Inhalte in einem oder mehreren Bereichen

Überblick overview

Das Mehrzonen-Layout ermöglicht es Ihnen, Inhalte für mehrere Zonen zu erstellen und verschiedene Assets wie Videos, Bilder und Text zu verwenden, die in einem einzigen Bildschirm kombiniert werden können. Sie können Bilder, Videos und Text einblenden, sodass alles miteinander verschmelzen und ein intuitives digitales Erlebnis schaffen kann.

Abhängig von den Projektanforderungen sind ggf. mehrere Bereiche in einem Kanal erforderlich, die dann zusammen als Einheit bearbeitet werden. Beispiel: eine Produktsequenz mit entsprechendem Social-Media-Feed, die in drei separaten Zonen auf einem einzigen Kanal läuft.

NOTE
In Mehrzonen-Kanälen wird die Zeitplanung auf Asset-Ebene aufgrund potenzieller Konflikte und unbeabsichtigten Verhaltens nicht empfohlen. Wenn eine Planung auf Asset-Ebene erforderlich ist, erstellen Sie einen separaten Sequenzkanal und wenden Sie innerhalb dieses Kanals eine Planungslogik an. Betten Sie als Nächstes den Sequenzkanal in den Mehrzonen-Kanal ein.

Voraussetzungen prerequisites

Bevor Sie mit der Implementierung dieser Funktionalität beginnen, vergewissern Sie sich, dass Sie mit folgenden Themen vertraut sind:

Erstellen eines Mehrzonen-Layouts creating-multi-zone-layout

Beim Erstellen eines Kanals können Sie mithilfe verschiedener Vorlagen Zonen in Ihrem Kanal erstellen. Sie können ein einzelnes Bild, Video oder einen eingebetteten Kanal hinzufügen, sodass mehrere Assets in einer Sequenz angezeigt werden können.

Erstellen eines Kanals

  1. Wählen Sie den Adobe Experience Manager-Link (oben links) und dann Screens aus. Sie haben auch die Möglichkeit, direkt zu http://localhost:4502/screens.html/content/screens zu wechseln.

  2. Navigieren Sie zum Ordner Kanäle und klicken Sie in der Aktionsleiste auf Erstellen.

  3. Wählen Sie im Assistenten Erstellen die Option 1x2-Splitscreen-Kanal.

  4. Klicken Sie auf Weiter und geben Sie unter Titel den Wert MultiZone ein.

  5. Klicken Sie auf Erstellen, um die Kanalerstellung abzuschließen.

Verwenden einzelner Assets in einem oder mehreren Bereichen using-single-assets-in-one-or-more-zones

Sie können einzelne Assets wie ein Bild oder ein Video in allen Bereichen verwenden. Gehen Sie zur Implementierung wie folgt vor:

  1. Hinzufügen von Inhalten zum Kanal

    1. Navigieren Sie zu Zonen > Kanäle > MultiZone.
    2. Wählen Sie den Kanal MultiZone aus und klicken Sie in der Aktionsleiste auf Bearbeiten.

  2. Hinzufügen von Bildern zum Kanal

    Um ein einzelnes Bild oder Video in zwei Bereichen abzuspielen, ziehen Sie das Bild einfach per Drag-and-Drop in jeden Bereich des Kanal-Editors, wie in der folgenden Abbildung dargestellt:

    image

Verwenden sequenzieller Inhalte in einem oder mehreren Bereichen using-sequenced-content-in-one-or-more-zones

Wenn Sie möchten, dass eine Bildsequenz und ein Video in verschiedenen Bereichen angezeigt werden, führen Sie die folgenden Schritte aus, um mehr zu erfahren.

  1. Erstellen eines Kanalordners

    1. Navigieren Sie zu Zonen > MultiZone > Kanäle und klicken Sie in der Aktionsleiste auf Erstellen.
    2. Wählen Sie im Assistenten Erstellen die Option Kanalordner aus und klicken Sie auf Weiter.
    3. Geben Sie EmbeddedChannels als Titel ein und klicken Sie auf Erstellen.

    screen_shot_2018-12-19at125428pm

  2. Hinzufügen von zwei weiteren Kanälen zum Kanalordner

    1. Navigieren Sie zu Zonen > Kanäle > EmbeddedChannels und klicken Sie in der Aktionsleiste auf Erstellen.
    2. Klicken Sie im Assistenten Erstellen auf Sequenz-Kanal, um einen Kanal mit dem Titel Zone1 zu erstellen.
    3. Klicken Sie auf Zone1 und dann in der Aktionsleiste auf Bearbeiten.
    4. Ziehen Sie mehrere Bilder in diesen Kanal.
    5. Erstellen Sie auf ähnliche Weise einen weiteren Sequenzkanal mit dem Namen Zone2 im Ordner EmbeddedChannels.
    6. Ziehen Sie einige Bilder per Drag-and-Drop in diesen Kanal.

    Die folgende Abbildung zeigt die Kanäle Zone1 und Zone2:

    screen_shot_2018-12-19at125930pm

    Die Bilder, die dem Editor des Sequenzkanals Zone1 hinzugefügt wurden, sind im Folgenden zu sehen:

    screen_shot_2018-12-19at125930pm

    Das Video, das dem Editor des Sequenzkanals Zone2 hinzugefügt wurde, ist im Folgenden zu sehen:

    screen_shot_2018-12-19at125930pm

  3. Hinzufügen eingebetteter Sequenzen (Komponenten) zum Hauptkanal (MultiZone)

    1. Navigieren Sie zu Zonen > Kanäle > MultiZone.

    2. Klicken Sie in der Aktionsleiste auf Erstellen.

    3. Ziehen Sie die Komponente Eingebettete Sequenz per Drag-and-Drop in beide Zonen.

    4. Klicken Sie auf die eingebettete Sequenz in einer der Zonen.

    5. Klicken Sie auf das Symbol Konfigurieren (Schraubenschlüssel), um eine der eingebetteten Sequenzen im Editor zu konfigurieren.

    6. Wählen Sie als Kanalpfad Zonen > Kanäle > EmbeddedChannels > Zone1 aus, wie in der folgenden Abbildung dargestellt.

    7. Fügen Sie auf ähnliche Weise Zone2 einer anderen eingebetteten Sequenzkomponente im Editor hinzu.

      Bild

Erstellen eines Standorts und eines Displays creating-location

Erstellen Sie einen Standort und eine Anzeige, um den Inhalt im AEM Screens-Player anzuzeigen.

  1. Erstellen eines Standorts

    1. Navigieren Sie zu Zonen > Ordner Standorte.
    2. Klicken Sie auf den Ordner Standorte und dann in der Aktionsleiste auf Erstellen.
    3. Klicken Sie im Assistenten Erstellen auf Standort und dann auf Weiter.
    4. Geben Sie unter Titel den Wert SanJose ein und klicken Sie auf Erstellen.

  2. Erstellen einer Anzeige

    1. Navigieren Sie zu Zonen > Ordner Standorte.
    2. Klicken Sie auf den Standort SanJose und dann in der Aktionsleiste auf Erstellen.
    3. Klicken Sie im Assistenten Erstellen auf Anzeigen und dann auf Weiter.
    4. Geben Sie unter Titel den Wert Lobby ein und klicken Sie auf Erstellen.

Zuweisen von Kanälen zur Anzeige channel-channel

Weisen Sie die Kanäle dem Display zu, um den Inhalt anzuzeigen. Gehen Sie wie folgt vor, um einer Anzeige einen Kanal zuzuweisen.

  1. Zuweisen eines Kanals zur Anzeige

    1. Navigieren Sie zu Zonen > Standorte > SanJose > Lobby.

    2. Klicken Sie auf die Anzeige Lobby und dann in der Aktionsleiste auf Kanal zuweisen.

    3. Geben Sie den Pfad zum Kanal MultiZone unter Kanalpfad ein.

    4. Wählen Sie unter Unterstützte Ereignisse die Optionen Erster Ladevorgang, Bildschirm bei Untätigkeit und Benutzerinteraktion.

    5. Klicken Sie auf Speichern.

      image

    6. Weisen Sie die anderen beiden eingebetteten Kanäle (Zone1 und Zone2) dieser Anzeige entsprechend zuweisen.

    7. Nachdem Sie alle drei Kanäle der Anzeige Lobby zugewiesen haben, sollten Sie die zugewiesenen Kanäle im Anzeigen-Dashboard sehen.

      Bild

      note important
      IMPORTANT
      Nachdem Sie den Hauptkanal (in diesem Fall MultiZone) der Anzeige zugewiesen haben, müssen Sie die anderen beiden eingebetteten Kanäle Zone1 und Zone2 derselben Anzeige zuweisen.

Registrieren des Geräts registering-device

Nachdem Sie einen Standort und eine Anzeige eingerichtet haben, gehen Sie wie folgt vor, um das Gerät zu registrieren und dem Gerät eine Anzeige zuzuweisen.

  1. Registrieren des Geräts

    1. Navigieren Sie zu Zonen > Ordner Geräte.

    2. Wählen Sie den Ordner Geräte aus und klicken Sie in der Aktionsleiste auf Geräte-Manager.

    3. Klicken Sie auf Geräteregistrierung und wählen Sie in der Liste das ausstehende Gerät aus.

      note note
      NOTE
      Der Titel des Geräts muss mit dem Geräte-Token (Feld Token) übereinstimmen, das auf der Registerkarte Geräteregistrierung angezeigt wird.

    4. Wenn der Titel mit dem Geräte-Token übereinstimmt, wählen Sie das Gerät aus und klicken Sie in der Aktionsleiste auf Gerät registrieren.

    5. Wenn der Registrierungs-Code mit dem Code auf der Registerkarte Geräteregistrierung im Screens-Player übereinstimmt, klicken Sie in der Aktionsleiste auf Validieren.
      image

    6. Geben Sie unter Titel den Wert Chrome-Device1 ein und klicken Sie auf Registrieren.

    7. Wählen Sie Anzeige zuweisen und dann den Pfad zur Gerätekonfiguration.

    note note
    NOTE
    Wenn Sie versuchen, den Inhalt im Screens-Player anzuzeigen, klicken Sie unbedingt für jeden der Anzeige zugewiesenen Kanal im Kanal-Dashboard auf Offline-Inhalt aktualisieren.

Anzeigen des Ergebnisses viewing-the-result

Wenn Sie Mehrzonen-Layouts mit den vorhergehenden Schritten implementiert haben, wird die folgende Ausgabe angezeigt.

Überprüfen Sie den Screens-Player, um die Ausgabe zu sehen, in der der Inhalt in zwei verschiedenen Zonen angezeigt wird. Die linken und die rechten Zonen (beide verwenden eine eingebettete Sequenz als Komponente).

Der linke Bereich ist ein Sequenzkanal und der rechte Bereich enthält ein Video.

new2-1

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053