Hinzufügen von Dynamic Media Classic-Komponenten zu Seiten

Adobe Dynamic Media Classic ist eine gehostete Lösung für die Verwaltung, Optimierung, Veröffentlichung und Bereitstellung von Rich-Media-Assets für Web-, Mobil-, E-Mail- und Internet-verbundene Anzeigen und Ausdrucke.

Sie können AEM Assets anzeigen, die in Dynamic Media Classic in verschiedenen Viewern veröffentlicht wurden:

• Zoom
• Flyout
• Video
• Bildvorlage
• Bild

Sie können digitale Assets direkt aus AEM in Dynamic Media Classic veröffentlichen und digitale Assets aus Dynamic Media Classic in AEM veröffentlichen.

In diesem Dokument wird beschrieben, wie Sie digitale Assets von AEM in Dynamic Media Classic veröffentlichen und umgekehrt. Die Viewer werden auch detailliert beschrieben. Informationen zum Konfigurieren von AEM für Dynamic Media Classic finden Sie unter Integrieren von Dynamic Media Classic mit AEM.

Siehe auch Hinzufügen von Imagemaps.

Weitere Informationen zur Verwendung von Videokomponenten mit AEM finden Sie unter Video.

Manuelles Veröffentlichen von Assets in Dynamic Media Classic

Sie können digitale Assets wie folgt in Dynamic Media Classic veröffentlichen:

• In der Assets-Konsole, klassische Benutzeroberfläche
• Von einem Asset, klassische Benutzeroberfläche
• In der klassischen Benutzeroberfläche von außerhalb des Ordners "CQ Target"

Dynamic Media Classic-Komponenten

Die folgenden Dynamic Media Classic-Komponenten sind in AEM verfügbar:

• Zoom
• Flyout (Zoom)
• Bildvorlage
• Bild
• Video

Nachdem sie verfügbar gemacht wurden in Design -Modus können Sie die Komponenten wie jede andere AEM Ihrer Seite hinzufügen. Assets, die noch nicht in Dynamic Media Classic veröffentlicht wurden, werden in Dynamic Media Classic veröffentlicht, wenn sie sich in einem synchronisierten Ordner oder auf einer Seite befinden oder eine Dynamic Media Classic-Cloud-Konfiguration aufweisen.

Hinweis zur Einstellung von Flash-Viewern

Am 31. Januar 2017 hat Adobe Dynamic Media Classic die Unterstützung für die Flash-Viewer-Plattform beendet.

Hinzufügen einer Dynamic Media Classic-Komponente (Scene7) zu einer Seite

Das Hinzufügen einer Dynamic Media Classic-Komponente (Scene7) entspricht dem Hinzufügen einer Komponente zu einer Seite. Dynamic Media Classic-Komponenten werden in den folgenden Abschnitten ausführlich beschrieben.

So fügen Sie eine Dynamic Media Classic-Komponente (Scene7) zu einer Seite hinzu:

1. Öffnen Sie in AEM die Seite, auf der Sie die Dynamic Media Classic (Scene7)-Komponente hinzufügen möchten.

2. Wenn keine Dynamic Media Classic-Komponenten verfügbar sind, klicken Sie auf Design -Modus tippen Sie auf eine beliebige Komponente mit einem blauen Rahmen und tippen Sie auf die Übergeordnet und dann die Konfiguration Symbol. In Parsys (Design), wählen Sie alle Dynamic Media Classic-Komponenten aus, um sie verfügbar zu machen, und klicken Sie auf OK.

   

3. Klicken Bearbeiten zurück zu Bearbeiten -Modus.

4. Ziehen Sie eine Komponente aus der Dynamic Media Classic-Gruppe im Sidekick an die gewünschte Position auf die Seite.

5. Klicken Sie auf Konfiguration -Symbol, um die Komponente zu öffnen.

6. Bearbeiten Sie die Komponente nach Bedarf und klicken Sie auf OK , um Änderungen zu speichern.

7. Ziehen Sie Ihr Bild oder Video aus dem Inhaltsbrowser auf die Dynamic Media Classic-Komponente, die Sie zur Seite hinzugefügt haben.

   HINWEIS

   Nur in der Touch-optimierten Benutzeroberfläche müssen Sie das Bild oder Video auf die Dynamic Media Classic-Komponente ziehen, die Sie zur Seite hinzugefügt haben. Es ist nicht möglich, zunächst die Dynamic Media Classic-Komponente auszuwählen und zu bearbeiten und anschließend das Asset zu auszuwählen.

Hinzufügen interaktiver Anzeigeerlebnisse zu einer responsiven Site

Responsives Design für Ihre Assets bedeutet, dass sich Ihre Assets an den Ort anpassen, an dem sie angezeigt werden. Mithilfe des dynamischen Designs können dieselben Assets auf mehreren Geräten effektiv dargestellt werden.

Siehe auch Responsives Design für Webseiten.

So fügen Sie einer responsiven Site ein interaktives Anwendererlebnis hinzu:

1. Melden Sie sich bei AEM an und stellen Sie sicher, dass Sie konfigurierte Adobe Dynamic Media Classic Cloud Services und dass Dynamic Media Classic-Komponenten verfügbar sind.

   HINWEIS

   Wenn keine Dynamic Media Classic-Komponenten verfügbar sind, müssen Sie sie mit dem Designmodus aktivieren.

2. Ziehen Sie auf einer Website mit aktivierten Dynamic Media Classic-Komponenten eine Bild-Komponente auf die Seite.

3. Wählen Sie die Komponente aus und tippen Sie auf das Konfigurationssymbol.

4. Passen Sie auf der Registerkarte Dynamic Media Classic-Einstellungen die Breakpoints an.

   

5. Bestätigen Sie, dass die Größe der Viewer dynamisch geändert wird und dass alle Interaktionen für Desktop-Computer, Tablets und Mobilgeräte optimiert sind.

Gemeinsame Einstellungen für alle Dynamic Media Classic-Komponenten

Auch wenn sich die Konfigurationsoptionen unterscheiden, sind folgende Einstellungen für alle Dynamic Media Classic-Komponenten gleich:

• Dateiverweis
  Navigieren Sie zu einer Datei, auf die Sie verweisen möchten. Der Dateiverweis zeigt die Asset-URL und nicht zwangsläufig die vollständige Dynamic Media Classic-URL, einschließlich der URL-Befehle und -Parameter. Das Hinzufügen von Dynamic Media Classic-URL-Befehlen und -Parametern ist in diesem Feld nicht möglich. Sie müssen über die entsprechende Funktionalität in der Komponente hinzugefügt werden.
• Breite
  Hier können Sie die Breite festlegen.
• Höhe
  Hier können Sie die Höhe festlegen.

Sie können diese Konfigurationsoptionen festlegen, indem Sie eine Dynamic Media Classic-Komponente (per Doppelklick) öffnen. Zum Beispiel beim Öffnen einer Zoom-Komponente:

Zoom

Die HTML5-Zoom-Komponente zeigt ein größeres Bild an, wenn Sie die Taste + drücken.

Das Asset verfügt unten über Zoomwerkzeuge. Tippen + vergrößern. Tippen - reduzieren. Durch Tippen auf x oder den Pfeil zum Zurücksetzen des Zooms wird das Bild auf die ursprüngliche Größe zurückgesetzt, in der es importiert wurde. Tippen Sie auf die diagonalen Pfeile, um den Vollbildmodus zu aktivieren. Tippen Bearbeiten , um die Komponente zu konfigurieren. Mit dieser Komponente können Sie die gemeinsamen Einstellungen für alle Dynamic Media Classic-Komponenten konfigurieren.

Flyout

In der HTML5-Flyout-Komponente wird das Asset als geteilter Bildschirm angezeigt. Links wird das Asset in der angegebenen Größe angezeigt, rechts wird der Zoom-Teil dargestellt. Tippen Bearbeiten , um die Komponente zu konfigurieren. Mit dieser Komponente können Sie die gemeinsamen Einstellungen für alle Dynamic Media Classic-Komponenten konfigurieren.

Bild

Mit der Dynamic Media Classic-Komponente Bild können Sie Bildern Dynamic Media Classic-Funktionen hinzufügen, z. B. Dynamic Media Classic-Modifikatoren, Bild- oder Viewer-Vorgaben und Scharfzeichnen. Die Dynamic Media Classic Bild -Komponente ähnelt anderen Bildkomponenten in AEM mit speziellen Dynamic Media Classic-Funktionen. In diesem Beispiel enthält das Bild den Dynamic Media Classic URL-Modifikator, &op_invert=1 angewendet.

• Titel, Alternativtext
  Im Erweitert hinzufügen, fügen Sie einen Titel zum Bild und alternativen Text für die Benutzer hinzu, deren Grafiken deaktiviert sind.

• URL, Öffnen in
  Sie können ein Asset in festlegen, um einen Link zu öffnen. Legen Sie die URL fest. Geben Sie in Öffnen in an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

• Viewer-Vorgabe
  Wählen Sie eine vorhandene Viewer-Vorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe Verwalten von Viewer-Vorgaben. Sie können keine Viewer-Vorgabe auswählen, wenn Sie eine Bildvorgabe verwenden und umgekehrt.

• Dynamic Media Classic-Konfiguration
  Wählen Sie die Dynamic Media Classic-Konfiguration aus, die Sie verwenden möchten, um aktive Bildvorgaben aus SPS abzurufen.

• Bildvorgabe
  Wählen Sie eine vorhandene Bildvorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Bildvorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe Verwalten von Bildvorgaben. Sie können keine Viewer-Vorgabe auswählen, wenn Sie eine Bildvorgabe verwenden und umgekehrt.

• Ausgabeformat
  Wählen Sie das Ausgabeformat des Bildes aus, z. B. jpeg. In Abhängigkeit des von Ihnen ausgewählten Ausgabeformats stehen Ihnen möglicherweise zusätzliche Konfigurationsoptionen zur Verfügung. Siehe Best Practices für Bildvorgaben.

• Scharfzeichnen
  Wählen Sie aus, wie das Bild scharfgezeichnet werden soll. Das Scharfzeichnen wird unter Best Practices für Bildvorgaben und Best Practices für das Scharfzeichnen detailliert beschrieben.

• URL-Modifikatoren
  Sie können Bildeffekte ändern, indem Sie zusätzliche Dynamic Media Classic-Bildbefehle bereitstellen. Diese werden unter Bildvorgaben und Befehlsreferenz.

• Haltepunkte
  Wenn Ihre Website dynamisch ist, möchten Sie die Haltepunkte anpassen. Breakpoints müssen durch Kommas (,) voneinander getrennt werden.

Bildvorlage

Dynamic Media Classic-Bildvorlagen sind mehrschichtige Photoshop-Inhalte, die in Dynamic Media Classic importiert wurden, wo Inhalte und Eigenschaften für Variabilität parametrisiert wurden. Die Bildvorlage -Komponente können Sie Bilder importieren und den Text in AEM dynamisch ändern. Zusätzlich können Sie die Komponente Bildvorlage dahingehend konfigurieren, dass sie Werte aus dem Client-Kontext übernimmt, damit das Bild jedem Benutzer personalisiert angezeigt wird.

Tippen Bearbeiten , um die Komponente zu konfigurieren. Sie können Einstellungen, die für alle Dynamic Media Classic-Komponenten gelten sowie anderen in diesem Abschnitt beschriebenen Einstellungen.

• Dateiverweis, Breite, Höhe
  Siehe für alle Dynamic Media Classic-Komponenten gemeinsame Einstellungen .

  HINWEIS

  Dynamic Media Classic-URL-Befehle und -Parameter können nicht direkt zur Dateiverweis-URL hinzugefügt werden. Sie können nur auf der Komponenten-Benutzeroberfläche im Bedienfeld Parameter definiert werden.

• Titel, Alternativtext
  Fügen Sie auf der Registerkarte Dynamic Media Classic-Bildvorlage einen Titel zum Bild und Alternativtext für die Benutzer hinzu, deren Grafiken deaktiviert sind.

• URL, Öffnen in
  Sie können ein Asset in festlegen, um einen Link zu öffnen. Legen Sie die URL fest. Geben Sie in „Öffnen in“ an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

• Parameterbereich
  Beim Importieren eines Bildes werden die Parameter vorab mit Informationen aus dem Bild gefüllt. Wenn kein Inhalt vorhanden ist, der dynamisch geändert werden kann, ist dieses Fenster leer.

Dynamisches Ändern von Text

Um den Text dynamisch zu ändern, geben Sie neuen Text in die Felder ein und klicken Sie auf OK. In diesem Beispiel lautet der Preis 50 $ und der Versand kostet 0,99 $.

Der Text im Bild ändert sich. Sie können den Text auf den ursprünglichen Wert zurücksetzen, indem Sie neben dem Feld auf Zurücksetzen tippen.

Ändern von Text, um den Wert eines Client-Kontextwerts widerzuspiegeln

Um ein Feld mit einem Client-Kontextwert zu verknüpfen, tippen Sie auf Auswählen zum Öffnen des Kontextmenüs des Clients wählen Sie den Client-Kontext aus und tippen Sie auf OK. In diesem Beispiel ändert sich der Name auf Grundlage der Verknüpfung des Namens mit dem formatierten Namen im Profil.

Der Text berücksichtigt den Namen des aktuell angemeldeten Benutzers. Sie können den Text auf den ursprünglichen Wert zurücksetzen, indem Sie neben dem Feld auf Zurücksetzen klicken.

Verknüpfen der Dynamic Media Classic-Bildvorlage

1. Auf der Seite mit der Dynamic Media Classic Bildvorlage Komponente, tippen Bearbeiten.

2. Geben Sie im Feld URL die URL ein, zu der Benutzer wechseln, wenn sie auf das Bild tippen. Wählen Sie im Feld Öffnen in aus, ob das Ziel (in einem neuen oder im selben Fenster) geöffnet werden soll.

   

3. Tippen Sie auf OK.

Komponente „Video“

Die Dynamic Media Classic-Komponente Video (verfügbar über den Dynamic Media Classic-Abschnitt im Sidekick) verwendet die Geräte- und Bandbreitenerkennung, damit auf jedem Bildschirm das richtige Video bereitgestellt wird. Bei dieser Komponente handelt es sich um einen HTML5-Video-Player. Es ist ein einzelner Viewer, der kanalübergreifend verwendet werden kann.

Er kann für adaptive Videosets, ein einzelnes MP4-Video oder ein einzelnes F4V-Video verwendet werden.

Weitere Informationen darüber, wie Videos mit Dynamic Media Classic-Integration funktionieren, finden Sie unter Video. Vergleichen Sie zudem die Dynamic Media Classic-Videokomponente mit der Foundation-Videokomponente.

Bekannte Einschränkungen für die Videokomponente

Adobe DAM und WCM zeigen an, ob ein Übergeordnetes Video hochgeladen wurde. Sie zeigen diese Proxy-Assets nicht an:

• Dynamic Media Classic-kodierte Ausgabedarstellungen
• Adaptive Dynamic Media Classic-Videosets

Wenn Sie ein adaptives Videoset mit der Dynamic Media Classic-Videokomponente verwenden, müssen Sie die Größe der Komponente ändern, um die Abmessungen des Videos anzupassen.

Dynamic Media Classic-Inhaltsbrowser

Mit dem Dynamic Media Classic-Inhaltsbrowser können Sie Inhalte aus Dynamic Media Classic direkt in AEM anzeigen. Wählen Sie für den Zugriff auf den Inhaltsbrowser in der Inhaltssuche die Option Dynamic Media Classic auf der Touch-optimierten Benutzeroberfläche oder das Symbol S7 auf der klassischen Benutzeroberfläche aus. Die Funktionalität ist auf den beiden Benutzeroberflächen identisch.

Wenn Sie mehrere Konfigurationen haben, zeigt AEM standardmäßig die Standardkonfiguration. Sie können unterschiedliche Kategorien direkt im Dynamic Media Classic-Inhaltsbrowser im Dropdown-Menü auswählen.

Durchsuchen von Inhalten in der Touch-optimierten Benutzeroberfläche

Sie können entweder über die Touch-optimierte oder die klassische Benutzeroberfläche auf den Inhaltsbrowser zugreifen. Derzeit gilt für die Touch-optimierte Funktion die folgende Einschränkung:

• FXG- und Flash-Assets aus Dynamic Media Classic werden nicht unterstützt.

Durchsuchen Sie Dynamic Media Classic-Assets, indem Sie Dynamic Media Classic aus dem dritten Dropdown-Menü auswählen. Dynamic Media Classic wird nicht in der Liste angezeigt, wenn Sie die Dynamic Media Classic/AEM-Integration nicht konfiguriert haben.

Zusätzlich können Sie Informationen über Auflösung, Größe, Tage seit der Änderung und Dateiname erhalten, indem Sie den Mauszeiger über das Asset im Browser halten.

• Für adaptive Videosets und Vorlagen werden keine Größeninformationen für Miniaturansichten generiert.
• Für adaptive Videosets wird keine Auflösung für Miniaturansichten generiert.

Suchen nach Dynamic Media Classic-Assets mit dem Inhaltsbrowser

Die Suche nach Dynamic Media Classic-Assets verläuft ähnlich wie die Suche nach AEM Assets. Bei der Suche wird Ihnen jedoch im Dynamic Media Classic-System eine Remote-Ansicht der Assets angezeigt, anstatt sie direkt in AEM zu importieren.

Sie können entweder die klassische oder die Touch-optimierte Benutzeroberfläche verwenden, um Assets anzuzeigen und nach ihnen zu suchen. Je nach Benutzeroberfläche unterscheidet sich die Suchweise geringfügig.

Wenn Sie auf einer der Benutzeroberflächen suchen, können Sie nach den folgenden Kriterien filtern (wird hier in der Touch-optimierten Benutzeroberfläche gezeigt):

• Suchbegriffe eingeben
  Sie können Assets nach Namen suchen. Bei der Suche nach den eingegebenen Keywords beginnt der Dateiname mit . Zum Beispiel führt die Eingabe des Worts „schwimmen“ dazu, dass nach Asset-Dateinamen gesucht wird, die mit diesen Buchstaben in dieser Reihenfolge beginnen. Tippen Sie unbedingt auf Eingabe , nachdem Sie den Begriff eingegeben haben, um das Asset zu finden.

• Ordner/Pfad
  Der Name des angezeigten Ordners hängt von der ausgewählten Konfiguration ab. Sie können einen Drilldown zu niedrigeren Ebenen durchführen, indem Sie auf das Ordnersymbol tippen, einen Unterordner auswählen und dann auf das Häkchen tippen, um ihn auszuwählen.

Wenn Sie einen Suchbegriff eingeben und einen Ordner auswählen, durchsucht AEM diesen Ordner und alle Unterordner. Wenn Sie bei der Suche jedoch keine Keywords eingeben, werden bei der Auswahl des Ordners nur die Assets in diesem Ordner angezeigt, keine Unterordner.

Standardmäßig durchsucht AEM den ausgewählten Ordner und alle Unterordner.

• Asset-Typ
  Auswählen Dynamic Media Classic , um Dynamic Media Classic-Inhalte zu durchsuchen. Diese Option ist nur verfügbar, wenn Dynamic Media Classic konfiguriert wurde.

• Konfiguration
  Wenn mehrere Dynamic Media Classic-Konfigurationen in definiert sind: Cloud Serviceskönnen Sie sie hier auswählen. Dadurch ändert sich der Ordner entsprechend der ausgewählten Konfiguration.

• Asset-Typ
  Im Dynamic Media Classic-Browser können Sie Ergebnisse filtern, um Folgendes einzuschließen: Bilder, Vorlagen, Videos und adaptive Videosets. Wenn Sie keinen Asset-Typ auswählen, durchsucht AEM standardmäßig alle Asset-Typen.

• Veröffentlichungsstatus
  Sie können nach Assets basierend auf dem Veröffentlichungsstatus filtern: Veröffentlichung rückgängig gemacht oder Veröffentlicht. Wenn Sie keine Veröffentlichungsstatus AEM durchsucht standardmäßig alle Veröffentlichungsstatus.

Ressourcen für Business.Adobe.com

Multichannel Communication Targeted Content Personalized Communications Mobile Forms Customer Experience Management Digital Asset Management