Hinzufügen von Dynamic Media Classic-Funktionen zu Seiten

Letzte Aktualisierung: 2023-12-06
  • Erstellt für:
  • User
    Admin

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 Experience Manager-Assets, die in Dynamic Media Classic veröffentlicht wurden, in verschiedenen Viewern anzeigen:

  • Zoom
  • Flyout
  • Video
  • Bildvorlage
  • Bild

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

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

Siehe auch Hinzufügen von Imagemaps.

Weitere Informationen über die Verwendung von Videokomponenten mit Experience Manager finden Sie unter Video.

HINWEIS

Wenn Dynamic Media Classic-Assets nicht korrekt angezeigt werden, stellen Sie sicher, dass Dynamic Media deaktiviert ist, und aktualisieren Sie die Seite.

Manuelles Veröffentlichen von Assets in Dynamic Media Classic

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

HINWEIS

Experience Manager veröffentlicht asynchron in Dynamic Media Classic. Nachdem Sie Veröffentlichen ausgewählt haben, dauert es mehrere Sekunden, bis Ihr Asset in Dynamic Media Classic veröffentlicht wird.

Dynamic Media Classic-Komponenten

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

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

Diese Komponenten sind standardmäßig nicht verfügbar und müssen im Modus Design ausgewählt werden, bevor sie verwendet werden können.

Nachdem sie im Modus Design zur Verfügung gestellt wurden, können Sie die Komponenten wie jede andere Experience Manager-Komponente zu 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

Beim Erstellen und Entwickeln von benutzerdefinierten Viewern und beim Verwenden des Content Finders müssen Sie den Parameter allowfullscreen explizit hinzufügen.

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 Experience Manager die Seite, auf der Sie die Komponente Dynamic Media Classic (Scene7) hinzufügen möchten.

  2. Wenn keine Dynamic Media Classic-Komponenten verfügbar sind, wählen Sie den Modus Design, dann eine beliebige Komponente mit einem blauen Rahmen, anschließend das Symbol Übergeordnetes Element und das Symbol Konfiguration aus. Wählen Sie in ParSys (Design) alle Dynamic Media Classic-Komponenten aus, um sie verfügbar zu machen, und wählen Sie OK aus.

    chlimage_1-224

  3. Wählen Sie Bearbeiten aus, damit Sie zum Modus Bearbeiten zurückkehren können.

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

  5. Wählen Sie das Symbol Konfiguration aus, damit Sie die Komponente öffnen können.

  6. Bearbeiten Sie die Komponente nach Bedarf und wählen Sie OK aus, um die Ä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 eines interaktiven Anwendererlebnisses zu einer responsiven Site

Ein responsives Design für Ihre Assets bedeutet, dass Ihre Assets in Abhängigkeit ihrer Anzeigeposition angepasst werden. Mithilfe des dynamischen Designs können dieselben Assets auf mehreren Geräten effektiv dargestellt werden.

Informationen hierzu finden Sie auch unter Responsives Design für Web-Seiten.

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

  1. Melden Sie sich bei Experience Manager an und stellen Sie sicher, dass Sie Cloud-Services für Adobe Dynamic Media Classic konfiguriert haben 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 und dann das Konfigurationssymbol aus.

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

    chlimage_1-225

  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, die Sie referenzieren 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. Stattdessen fügen Sie sie über die entsprechende Funktionalität in der Komponente hinzu.
  • 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:

chlimage_1-226

Zoom

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

Das Asset verfügt unten über Zoomwerkzeuge. Wählen Sie + aus, wenn Sie die Anzeige vergrößern möchten, und -, wenn Sie sie verkleinern möchten. 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. Wählen Sie die diagonalen Pfeile aus, um es im Vollbildmodus anzuzeigen. Wählen Sie Bearbeiten aus, damit Sie die Komponente konfigurieren können. Mit dieser Komponente können Sie die gemeinsamen Einstellungen für alle Dynamic Media Classic-Komponenten konfigurieren.

chlimage_1-227

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. Wählen Sie Bearbeiten aus, damit Sie die Komponente konfigurieren können. Mit dieser Komponente können Sie die gemeinsamen Einstellungen für alle Dynamic Media Classic-Komponenten konfigurieren.

HINWEIS

Wenn die Flyout-Komponente eine benutzerdefinierte Größe aufweist, wird diese benutzerdefinierte Größe verwendet und das responsive Setup der Komponente wird deaktiviert.

Wenn die Flyout-Komponente die Standardgröße aufweist, wie dies in der Entwurfsansicht festgelegt ist, wird die Standardgröße verwendet und die Komponente wird gedehnt, um die Größe des Seiten-Layouts im dynamischen Setup der aktivierten Komponente zu berücksichtigen. Das responsive Setup der Komponente weist eine Einschränkung auf. Nutzen Sie beim Verwenden der Flyout-Komponente mit responsivem Setup nicht die vollständige Seitendehnung. Andernfalls ragt das Flyout über den rechten Rand der Seite hinaus.

chlimage_1-228

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-Komponente Bild ähnelt anderen Bildkomponenten in Experience Manager mit speziellen Dynamic Media Classic-Funktionen. In diesem Beispiel wurde auf das Bild der Dynamic Media Classic-URL-Modifikator &op_invert=1 angewendet.

chlimage_1-229

Titel, ALT-Text: Fügen Sie auf der Registerkarte Erweitert einen Titel zum Bild und alternativen Text für die Benutzer hinzu, die Grafiken deaktiviert haben.

URL, Öffnen in: Sie können ein Asset so einrichten, dass ein Link geöffnet wird. Legen Sie die URL fest. Geben Sie in Öffnen in an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

chlimage_1-230

Viewer-Vorgabe: Wählen Sie im Dropdown-Menü eine vorhandene Viewer-Vorgabe aus. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie sichtbar machen. Siehe Verwalten von Viewer-Vorgaben. Es ist nicht möglich, eine Viewer-Vorgabe auszuwählen, wenn Sie eine Bildvorgabe verwenden, und umgekehrt.

Dynamic Media Classic-Konfiguration: Wählen Sie die Dynamic Media Classic-Konfiguration aus, die Sie zum Abrufen aktiver Bildvorgaben aus SPS verwenden möchten.

Bildvorgabe: Wählen Sie im Dropdown-Menü eine vorhandene Bildvorgabe aus. Wenn die gewünschte Bildvorgabe nicht sichtbar ist, müssen Sie sie sichtbar machen. Siehe Verwalten von Bildvorgaben. Es ist nicht möglich, eine Viewer-Vorgabe auszuwä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 zusätzliche Konfigurationsoptionen zur Verfügung. Siehe Best Practices für Bildvorgaben.

Scharfzeichnen: Wählen Sie aus, wie Sie das Bild scharfzeichnen möchten. 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 Befehle werden unter Bildvorgaben und in der Befehlsreferenz beschrieben.

Breakpoints: Wenn Ihre Website responsiv ist, können Sie die Breakpoints 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. Mit der Komponente Bildvorlage können Sie Bilder importieren und den Text in Experience Manager 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.

Wählen Sie Bearbeiten aus, wenn Sie die Komponente konfigurieren möchten. Sie können Einstellungen, die für alle Dynamic Media Classic-Komponenten gelten, und andere Einstellungen, die in diesem Abschnitt beschrieben werden, konfigurieren.

chlimage_1-231

Dateiverweis, Breite, Höhe: Sehen Sie sich die Einstellungen an, die für alle Dynamic Media Classic Scene7-Komponenten gelten.

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, ALT-Text: Fügen Sie auf der Registerkarte für Dynamic Media Classic-Bildvorlagen einen Titel zum Bild und alternativen Text für die Benutzer hinzu, die Grafiken deaktiviert haben.

URL, Öffnen in: Sie können ein Asset so einrichten, dass ein Link geöffnet wird. Legen Sie die URL fest. Geben Sie in „Öffnen in“ an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

chlimage_1-232

Bedienfeld „Parameter“: Beim Importieren eines Bildes werden die Parameter mit den Informationen aus dem Bild vorab ausgefüllt. Wenn kein Inhalt vorhanden ist, der dynamisch geändert werden kann, ist dieses Fenster leer.

chlimage_1-233

Dynamisches Ändern von Text

Geben Sie zum dynamischen Ändern von Text neuen Text in die Felder ein und klicken Sie auf OK. In diesem Beispiel lautet der Preis 50 $ und der Versand kostet 0,99 $.

chlimage_1-234

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.

chlimage_1-235

Ändern von Text zum Berücksichtigen des Werts eines Client-Kontextwerts

Wählen Sie zum Verknüpfen eines Felds mit einem Client-Kontextwert Auswählen aus, um das Client-Kontextmenü zu öffnen. Wählen Sie den Client-Kontext und dann OK aus. In diesem Beispiel ändert sich der Name auf Grundlage der Verknüpfung des Namens mit dem formatierten Namen im Profil.

chlimage_1-236

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.

chlimage_1-237

  1. Wählen Sie auf der Seite mit der Dynamic Media Classic-Komponente Bildvorlage die Option Bearbeiten aus.

  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.

    chlimage_1-238

  3. Klicken 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.

chlimage_1-239

Bekannte Einschränkungen der Videokomponente

Adobe DAM und WCM zeigen, ob ein primäres Quellvideo 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, damit sie zu den Abmessungen des Videos passen.

Dynamic Media Classic-Inhaltsbrowser

Mit dem Dynamic Media Classic-Inhaltsbrowser können Sie Inhalte aus Dynamic Media Classic direkt in Experience Manager 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 über mehrere Konfigurationen verfügen, zeigt Experience Manager standardmäßig die Standardkonfiguration an. Sie können unterschiedliche Kategorien direkt im Dynamic Media Classic-Inhaltsbrowser im Dropdown-Menü auswählen.

HINWEIS
  • Assets im bedarfsabhängigen Ordner werden nicht im Dynamic Media Classic-Inhaltsbrowser angezeigt.

  • Wenn Sichere Vorschau aktiviert ist, werden in Dynamic Media Classic veröffentlichte und nicht veröffentlichte Assets im Dynamic Media Classic-Inhaltsbrowser angezeigt.

  • Wenn Sie Dynamic Media Classic oder das Symbol S7 nicht als Option im Inhaltsbrowser sehen, müssen Sie Dynamic Media Classic für die Verwendung mit Experience Manager konfigurieren.

  • Für Videos unterstützt der Dynamic Media Classic-Inhaltsbrowser Folgendes:

    • Adaptive Videosets: Container von allen für die bildschirmübergreifende optimierte Wiedergabe erforderlichen Videoausgabedarstellungen
    • Einzelnes MP4-Video
    • Einzelnes F4V-Video

Durchsuchen von Inhalt auf 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/Experience Manager-Integration nicht konfiguriert haben.

HINWEIS
  • Der Dynamic Media Classic-Inhaltsbrowser lädt etwa 100 Assets und sortiert sie nach Namen.
  • Wenn Sie einen sicheren Vorschauserver festgelegt haben, verwendet der Browser diesen Vorschauserver zum Darstellen von Miniaturansichten und Assets.

chlimage_1-240

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.

chlimage_1-241

  • 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 Assets in Dynamic Media Classic ähnelt der Suche nach Assets in Experience Manager Assets. Während der Suche wird Ihnen tatsächlich eine Remote-Ansicht der Assets im Dynamic Media Classic-System angezeigt. Es erfolgt kein direkter Import in Experience Manager.

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):

Keywords eingeben: Sie können Assets nach Namen suchen. Bei der Suche entsprechen die von Ihnen eingegebenen Keywords dem Anfang des Dateinamens. Zum Beispiel führt die Eingabe des Worts „schwimmen“ dazu, dass nach Asset-Dateinamen gesucht wird, die mit diesen Buchstaben in dieser Reihenfolge beginnen. Drücken Sie die Eingabetaste, nachdem Sie den Begriff eingegeben haben, um nach dem Asset zu suchen.

chlimage_1-242

Ordner/Pfad: Der Name des angezeigten Ordners basiert auf der von Ihnen ausgewählten Konfiguration. Sie können niedrigere Ebenen anzeigen, indem Sie auf das Ordnersymbol tippen, einen Unterordner auswählen und dann auf das Häkchen tippen, um ihn auszuwählen.

Wenn Sie ein Keyword eingeben und einen Ordner auswählen, durchsucht Experience Manager diesen Ordner und die zugehörigen Unterordner. Wenn Sie jedoch bei der Suche keine Keywords eingeben, werden durch die Auswahl des Ordners nur die Assets in diesem Ordner angezeigt und nicht in Unterordnern.

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

chlimage_1-243

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

chlimage_1-244

Konfiguration: Wenn Sie über mehr als eine in Cloud-Services definierte Dynamic Media Classic-Konfiguration verfügen, können Sie sie hier auswählen. Der Ordner ändert sich anhand der von Ihnen ausgewählten Konfiguration.

chlimage_1-245

Medientyp: Im Dynamic Media Classic-Browser können Sie Ergebnisse so filtern, dass Folgendes enthalten ist: Bilder, Vorlagen, Videos und adaptive Videosets. Wenn Sie keinen Medientyp auswählen, durchsucht Experience Manager standardmäßig alle Medientypen.

chlimage_1-246

HINWEIS
  • Auf der klassischen Benutzeroberfläche können Sie auch nach Flash und FXG suchen. Das Filtern nach diesen Typen auf der Touch-optimierten Benutzeroberfläche wird nicht unterstützt.

  • Beim Durchsuchen eines Videos suchen Sie nach einer einzelnen Ausgabedarstellung. Die Ergebnisse geben die ursprüngliche (nur *.mp4) und die kodierte Ausgabedarstellung zurück.

  • Beim Suchen nach einem adaptiven Videoset durchsuchen Sie den Ordner und alle Unterordner, jedoch nur dann, wenn Sie zur Suche ein Keyword hinzugefügt haben. Wenn Sie kein Keyword hinzugefügt haben, durchsucht Experience Manager die Unterordner nicht.

Veröffentlichungsstatus: Sie können Assets nach dem Veröffentlichungsstatus filtern: Unveröffentlicht oder Veröffentlicht. Wenn Sie keinen Veröffentlichungsstatus auswählen, durchsucht Experience Manager standardmäßig alle Veröffentlichungsstatus.

chlimage_1-247

Auf dieser Seite