Visual Experience Composer Optionen
Mit der Adobe Target Standard/Premium-Version 25.2.1 (17. Februar 2015) wird ein aktualisierter Visual Experience Composer (VEC) eingeführt. In diesem Artikel werden die aktualisierte Benutzeroberfläche und ihre Optionen erläutert.
Der VEC wird angezeigt, wenn Sie eine vorhandene Aktivität erstellen oder bearbeiten.
Übersicht über die VEC-Benutzeroberfläche
In den folgenden Abschnitten werden die im aktualisierten VEC verfügbaren Optionen für eine A/B-Test-Aktivität erläutert. Die Optionen variieren je nach Aktivitätstyp.
Erlebnisse Leiste
Die Erlebnisse wird in der linken Leiste des VEC angezeigt.
Sie können Erlebnisse über die Leiste „Erlebnisse“ anzeigen erstellen, umbenennen entfernen.
Die folgenden Optionen sind in der Leiste “” :
- Erlebnis anzeigen: Um ein Erlebnis anzuzeigen, klicken Sie auf das gewünschte Erlebnis, um es auf der Arbeitsfläche “” .
- Erlebnis hinzufügen: Klicken Sie auf das Symbol Hinzufügen (
- Erlebnis umbenennen: Klicken Sie auf das Symbol Umbenennen (
- Erlebnis duplizieren, löschen oder umleiten: Klicken Sie auf das Symbol Mehr Aktionen (
Aktivitätseinstellungen/-konfiguration settings
Klicken Sie auf das Konfigurieren-Symbol (
Die folgenden Optionen sind verfügbar:
- Eigenschaften: Weisen Sie der Aktivität Eigenschaften zu oder entfernen Sie Eigenschaften aus der Aktivität. Eigenschaften ist eine (Target Premium Funktion. Weitere Informationen finden Sie unter Enterprise-Benutzerberechtigungen.
- Seitenbereitstellung: Gleiches Erlebnis auf ähnlichen Seiten Ihrer Site. Verwenden Sie eine Seitenvorlage, um Ihren Seiten eine Struktur zu verleihen, oder wenn Ihre Seiten ähnliche Elemente enthalten, um Variationen in ähnlich strukturierten Seitenelementen oder in Ihrer gesamten Domain zu testen. Weitere Informationen finden Sie unter Gleiches Erlebnis auf ähnlichen Seiten.
- Site-Voreinstellungen: Konfigurieren Sie Ihre Site-Voreinstellungen, um festzulegen, wie Target CSS-Selektoren generiert. Weitere Informationen finden Sie unter CSS-Selektoren in Konfigurieren des Visual Experience Composer.
- Zusätzliche Seiten hinzufügen: Fügen Sie der Aktivität zusätzliche Seiten hinzu, um eine mehrseitige Aktivität zu erstellen, mit der Sie eine Story über mehrere Seiten hinweg erstellen können. Das Design ist für jede Seite spezifisch. Weitere Informationen finden Sie unter Mehrseitige Aktivität.
- Einzelne Zielgruppe: Verwenden Sie eine einzelne Zielgruppe für die Aktivität.
- Mehrere Zielgruppen: Weisen Sie der Aktivität mehrere Zielgruppen zu. Klicken Sie auf das Symbol Zielgruppen hinzufügen
Design/Browse-Modi
Verwenden Sie die Design/Durchsuchen Umschalter, die oben auf der Arbeitsfläche des Designs angezeigt werden, um zwischen Design- und Durchsuchen-Modus zu wechseln.
Verwenden Sie den Durchsuchen-Modus, um auf Ihrer Site zu navigieren und die Ansicht oder Seite auszuwählen, die Sie aktualisieren möchten. Wechseln Sie zurück in Design-Modus, um Ihre Änderungen hinzuzufügen oder zu bearbeiten.
Rückgängig/Wiederholen
Sie können die vorgenommenen Änderungen rückgängig machen, indem Sie auf das Symbol Rückgängig (Symbol
Um eine Aktion wiederherzustellen, erweitern Sie die Rückgängig/Wiederholen und wählen Sie Wiederholen.
Komponenten Leiste
Sie können Ihrer Web-Seite eine Reihe von Komponenten hinzufügen und diese nach Bedarf bearbeiten, indem Sie die neue Leiste Komponenten verwenden.
So fügen Sie einem Erlebnis eine neue Komponente hinzu:
-
Klicken Sie auf die gewünschte Komponente, die Sie hinzufügen möchten, um sie zu markieren.
Die verfügbaren Komponenten werden in logischen Containern gruppiert:
-
Standard
- Teiler
- HTML
- Bild
-
Text
- Überschrift
- Absatz
- link
-
Dynamisch
-
-
Ziehen Sie die Komponente auf ein vorhandenes Seitenelement auf der Arbeitsfläche Design.
-
Ersetzen Sie das ausgewählte Element oder fügen Sie die Komponente vor oder nach dem ausgewählten Element ein.
Änderungen Leiste
Um die Leiste Änderungen zu öffnen, klicken Sie auf das Symbol Änderungen anzeigen (
Die Änderungen Leiste zeigt alle Änderungen an, die an Ihrer Seite im Visual Experience Composer (VEC) vorgenommen wurden, und ermöglicht Ihnen zusätzliche Änderungen (z. B. CSS-Auswahl, Mbox und benutzerdefinierter Code).
Klicken Sie auf das Symbol Weitere Optionen (
Klicken Sie auf das Symbol Weitere Optionen (
Design Arbeitsfläche
Die Design-Arbeitsfläche ermöglicht die Auswahl von Viewports, einschließlich „An Bildschirm anpassen“, Desktop, Tablet, Mobilgeräte - Querformat und Mobilgerät - Hochformat. Standardmäßig passt die Arbeitsfläche die Seite zusammen mit den im Abschnitt „Administration“ definierten Darstellungsfeldern den Bildschirm .
Sie können auch ein- oder auszoomen, indem Sie auf das entsprechende Symbol klicken
Wenn Sie auf ein Seitenelement auf der Arbeitsfläche Design klicken, werden in einem Menü die Optionen angezeigt, die für diesen Elementtyp verfügbar sind. Darüber hinaus wird am unteren Rand der Seite ein DOM-Pfad angezeigt, mit dem Sie einfach durch die Seitenstruktur navigieren können.
Die verschiedenen Aktionen Visual Experience Composer (VEC) sind in entsprechenden Menüoptionen gruppiert, um Ihren Auftrag schneller und effizienter zu gestalten:
Eigenschaften Leiste
Mit Leiste Eigenschaften“ können Sie die Eigenschaften ausgewählter Seitenelemente ändern, unabhängig davon, ob es sich um HTML-Elemente oder Target-spezifische Objekte wie Empfehlungen oder Angebote handelt.
Klicken Sie auf die Symbole oben in der Leiste, um HTML-Code zu bearbeiten oder Elemente zu löschen, zu duplizieren oder auszublenden. Änderungen werden in der Änderungen angezeigt.
Die Eigenschaften-Leiste ist in der rechten Leiste ausblendbar, sodass Sie die Design-Arbeitsfläche ausblenden und die Design-Arbeitsfläche vergrößern können. Klicken Sie rechts neben der Leiste auf das Symbol Eigenschaften anzeigen/ausblenden
Elemente mit der Arbeitsfläche Design bearbeiten design
Die folgenden Abschnitte zeigen Ihnen, wie Sie Bilder und Text auf der Arbeitsfläche Design bearbeiten. Die Arbeitsfläche des Designs stellt Ihnen zusammen mit den Leisten Komponenten, Änderungen und Eigenschaften leistungsstarke Tools zur Verfügung, mit denen Sie mühelos Erlebnisse für Ihre Aktivitäten erstellen können.
Bildoptionen
Wenn Sie in einer A/BTest-Aktivität auf ein Bild klicken, sieht der VEC wie in der folgenden Abbildung aus:
Wählen Sie Komponenten aus dem Komponenten auf der linken Seite, um die folgenden Elemente einzufügen:
- Einfach (Unterteilung, HTML, Bild).
- Text (Überschrift, Absatz, Link).
- Dynamisch (Empfehlung, Experience Fragment, HTML-Angebot).
Im Menü oben im Bild können Sie Folgendes tun:
- Fügen Sie einen Link ein (
- Ändern Sie das Bild (
- Personalisierung hinzufügen (
- Löschen Sie das Bild (
Im Eigenschaften auf der rechten Seite können Sie die Eigenschaften des Bildes weiter konfigurieren.
Über die Symbole oben im Frame können Sie Folgendes tun:
- Bearbeiten Sie die HTML (
- Duplizieren Sie das Bild (
- Löschen Sie das Bild (
- Bild ausblenden (
Mit den Optionen im rechten Rahmen können Sie Folgendes tun:
- Bearbeiten Sie die CSS-Klasse.
- Konfigurieren Sie die Eigenschaften des Bildes (Quelle, Titel, Alternativtext).
- Link-URL bearbeiten.
- Konfigurieren Sie die Größe des Bildes (Höhe und Breite). Klicken Sie Erweiterte Optionen anzeigen, um die minimale und maximale Größe, Breite, Höhe, Überlauf und Objektanpassung des Bildes zu konfigurieren.
- Konfigurieren Sie die Position des Bildes auf Ihrer Seite (absolut, fest, relativ, statisch oder fixierbar).
- Konfigurieren Sie den Abstand des Elements, einschließlich Rand und Abstand.
- Konfigurieren Sie die Effekte des Elements (Deckkraft). Klicken Sie Erweiterte Optionen anzeigen, um die Werte für Sepia, Graustufen, Kontrast, Helligkeit und Weichzeichnung des Bildes zu konfigurieren. Sie können das Bild auch invertieren oder drehen.
- Konfigurieren Sie die Inline-Stile des Bildes.
Textoptionen
Wenn Sie auf Text in einer A/B-Test-Aktivität klicken, sieht der VEC in etwa wie in der folgenden Abbildung aus:
Wählen Sie Komponenten aus dem Komponenten auf der linken Seite, um die folgenden Elemente einzufügen:
- Einfach (Unterteilung, HTML, Bild).
- Text (Überschrift, Absatz, Link).
- Dynamisch (Empfehlung, Experience Fragment, HTML-Angebot).
Klicken Sie auf Symbol anzeigen (
Das Menü oben im Textelement bietet folgende Möglichkeiten:
- Konfigurieren Sie die Eigenschaften des Textes (Überschriftenebene, Absatz, Blockzitat oder Monospace)
- Wählen Sie die Farbe des Textes aus (
- Konfigurieren Sie die Attribute des Texts (fett, kursiv, unterstrichen oder durchgestrichen) (
- Konfigurieren Sie die Ausrichtung des Textes (links, zentriert, rechts, Blocksatz) (
- Fügen Sie einen Link ein (
- Ersetzen Sie den Inhalt durch ein HTML-Angebot „Experience Fragment oder Recommendation.
- Bearbeiten Sie die HTML (
- Personalisierung hinzufügen (
- Löschen Sie das Bild (
Mit Leiste Eigenschaften“ auf der rechten Seite können Sie die Eigenschaften des Textes weiter konfigurieren.
Über die Symbole oben im Frame können Sie Folgendes tun:
- Bearbeiten Sie die HTML (
- Duplizieren Sie den Text (
- Löschen Sie den Text (
- Blendet den Text aus (
Mit den Optionen im rechten Rahmen können Sie Folgendes tun:
- Bearbeiten Sie die CSS-Klasse.
- Konfigurieren Sie die Hintergrundfarbe und das Bild des Textes.
- Konfigurieren Sie die Typografie des Textes (Überschriftenstil, Schriftgröße, Schriftstärke, Zeilenhöhe, Ausrichtung, Textfarbe, Textstil (fett, kursiv, unterstrichen oder durchgestrichen)).
- Konfigurieren von Listen, einschließlich Aufzählungszeichen, nummerierten Listen oder A, B, C.
- Wählen Sie die Rahmenfarbe.
- Konfigurieren der Größe des Textfelds (Höhe und Breite). Klicken Sie Erweiterte Optionen anzeigen, um die minimale und maximale Größe, Breite, Höhe, Überlauf und Objektanpassung des Textfelds zu konfigurieren.
- Konfigurieren Sie die Position des Textfelds auf Ihrer Seite (absolut, fest, relativ, statisch oder fixiert) und legen Sie die Anzahl der Pixel von oben, rechts, unten und links fest.
- Konfigurieren Sie den Abstand des Elements, einschließlich Rand und Abstand.
- Konfigurieren Sie die Effekte des Elements (Deckkraft). Klicken Sie Erweiterte Optionen anzeigen, um die Werte für Sepia, Graustufen, Kontrast, Helligkeit und Weichzeichnung des Bildes zu konfigurieren. Sie können den Text auch invertieren oder drehen.
- Konfigurieren Sie die Inline-Stile.
HTML bearbeiten
Neben HTML-Code können Sie auch benutzerdefiniertes JavaScript bearbeiten und einfügen.
Beim Bearbeiten von Text und HTML stehen für A/B-Aktivitäten und ErlebnisTargeting verschiedene zur Rich-Text-Formatierung zur Verfügung. Sie können eine Schriftart und einen Schriftstil auswählen, die Textausrichtung ändern und andere Standardformatierungsoptionen für Texte anwenden. Beim Ändern von HTML können Sie zwischen der Code-Ansicht und der Rich-Editing-Ansicht von HTML wechseln.
Die folgenden HTML 5-Tags können verschachtelt sein:
<a><h1-h6>, <p>, <ul>, <ol>, <menu>, <div>, <figure>, <figcaption><ins><h1-h6>, <p>, <ul>, <ol>, <menu><del><ul>, <ol>, <menu>, <h1-h6>, <p><label><p>Navigieren in Elementen mithilfe des DOM-Pfads dom-path
Wenn Sie auf ein Element auf der Seite klicken, wird das VEC-Optionsmenü angezeigt. Zusätzlich wird, wenn Sie auf ein Element klicken, der entsprechende DOM-Pfad unten auf der Seite angezeigt.
Wenn der DOM-Pfad nicht angezeigt wird, klicken Sie auf das Symbol DOM anzeigen (
Sie können den DOM-Pfad verwenden, um Informationen über das ausgewählte Element (Typ, ID und Klasse) schnell anzuzeigen und den DOM-Pfad nach oben oder unten verschieben, um das gewünschte Element auszuwählen.
Mithilfe des DOM-Pfades können Sie mühelos zu jedem übergeordneten, parallelen oder untergeordneten Element innerhalb des VEC navigieren.
Die DOM-Pfad-Funktion ist auch verfügbar, wenn Sie das Klick-Tracking einrichten.
Weitere Informationen zur aktualisierten Benutzeroberfläche
-
Target Standard/Premium 25.2.1 (17. Februar 2025) Versionshinweise: Bietet eine Zusammenfassung der wichtigsten Änderungen an der Benutzeroberfläche in Target für , Recommendations und Visual Experience Composer (VEC).
-
Target Standard/Premium 25.1.1 (9. Januar 2025) Versionshinweise: Bietet eine Zusammenfassung der wichtigsten Änderungen an der Benutzeroberfläche in Target für die Angebotsbibliothek.
-
Grundlegendes zur Target -Benutzeroberfläche: Bietet einen kurzen Überblick, der Ihnen hilft, sich mit Target vertraut zu machen, und enthält Links für detailliertere Informationen und schrittweise Anweisungen.
-
Änderungen Visual Experience Composer: Mit der Adobe Target Standard/Premium-Version 25.2.1 (17. Februar 2015) wird ein aktualisierter Visual Experience Composer (VEC) eingeführt. In diesem Artikel werden die Unterschiede zwischen der alten und der aktualisierten Version des VEC erläutert.
-
Visual Experience Composer Optionen: In diesem Artikel werden die aktualisierte VEC-Benutzeroberfläche und ihre Optionen erläutert.
-
Target Häufig gestellte Fragen zur Aktualisierung der Benutzeroberfläche: In dieser häufig gestellten Frage werden häufige Fragen zur neuen Target-Benutzeroberfläche und zu Visual Experience Composer (VEC) behandelt, einschließlich Navigationsänderungen, Funktionsspeicherorte und der Einstellung des Umschalters für die temporäre Benutzeroberfläche. Unabhängig davon, ob Sie Marketing-Experte, Entwickler oder Administrator sind, hilft Ihnen diese häufig gestellte Frage dabei, den Übergang reibungslos zu gestalten und die aktualisierte Benutzeroberfläche optimal zu nutzen.