DokumentationTargetTarget-Anleitung

Visual Experience Composer-Optionen

Last update: Fri May 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Wenn Sie auf ein Seitenelement im Adobe Target Visual Experience Composer (VEC) zeigt ein Menü die für diesen Elementtyp verfügbaren Optionen an. 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 Visual Experience Composer (VEC) Aktionen sind in entsprechenden Menüoptionen gruppiert, um Ihre Arbeit schneller und effizienter zu gestalten:

VEC-Optionen-Menü

NOTE
Die verfügbaren Optionen hängen vom Aktivitätstyp ab, den Sie erstellen oder bearbeiten.

Bearbeiten ​

Die folgenden Optionen sind verfügbar:

Text/HTML edit-text-html

Ändern Sie den HTML-Code für das Element, etwa den Text für einen Textbereich, eine Schaltfläche oder einen Link.

Neben HTML-Code können Sie auch benutzerdefiniertes JavaScript bearbeiten und einfügen.

Beim Bearbeiten von Text und HTML für A/B- und Erlebnisziel-Aktivitäten stehen mehrere Rich-Text-Formatierungsoptionen 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 Codeansicht und der Rich-Text-Bearbeitungsansicht der HTML umschalten.

Die folgenden HTML 5-Tags können verschachtelt sein:

Tag
Zulässige verschachtelte Tags
<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>

Hintergrundfarbe

Verwenden Sie den Farbwähler, um eine Hintergrundfarbe auszuwählen oder zu konfigurieren. Sie können ein Farbmuster auswählen und es mithilfe von RGB-Werten oder Farb-Hex-Codes anpassen. Das rote X im Farbwähler macht den Hintergrund transparent.

Hinweis: Diese Option ist nicht für Elemente verfügbar, wenn ein Hintergrundbild festgelegt ist.

Stile ​ styles

Verwenden Sie das Bedienfeld Stile, um den Wert vorhandener Stile für das ausgewählte Element anzuzeigen oder zu bearbeiten. Sie können auch zusätzliche Formatierungen hinzufügen.

So greifen Sie auf die Stile auf ein Seitenelement innerhalb des VEC klicken und dann auf Bearbeiten > Stile.

Das Bedienfeld Stile wird rechts im VEC angezeigt. Das Bedienfeld enthält eine Liste der Stile, mit denen Sie das ausgewählte Element bearbeiten oder die Sie zum ausgewählten Element hinzufügen können. Mit einem Echtzeit-CSS-Editor können Sie Änderungen anzeigen und Stile hinzufügen, wenn Sie mit Cascading Style Sheets (CSS) gut vertraut sind oder Code von Ihrem Entwickler erhalten.

Stile-Bedienfeld

Wenn Sie verschiedene Stile anwenden, können Sie Ihre Änderungen jederzeit rückgängig machen, indem Sie auf Wiederherstellen -Symbol, das oben rechts in der Stile angezeigt, nachdem Sie einen Abschnitt geändert haben. Klicken Sie auf Wiederherstellen setzt alle Änderungen im Bedienfeld des aktuellen Abschnitts zurück.

Erweitern Sie jeden Abschnitt, um Stile zu bearbeiten oder hinzuzufügen, wie unten beschrieben. Um Ihre Änderungen zu speichern, klicken Sie auf das Zurück Symbol oben im Bedienfeld, um zur Hauptanzeige des Bedienfelds zurückzukehren, und klicken Sie dann auf Speichern.

Blaue Punkte im Hauptbereich und neben jeder Option in den verschiedenen Bereichs-Bedienfeldern weisen darauf hin, dass Sie die entsprechenden Stile geändert haben. Dieser visuelle Indikator erleichtert es Ihnen, Ihre Änderungen zu überprüfen, bevor Sie auf Speichern.

NOTE
Schnellaktionen für Layoutänderungen, Hintergrundfarbe, Größenanpassungen und Verschieben sind ebenfalls als separate Aktionen im VEC-Menü verfügbar. Diese Optionen können als separate Aktionen verwendet werden oder Sie können das Menü "Stile"verwenden, wie hier beschrieben.

  • Hintergrund

    Sie können die Hintergrundfarbe und das Bild ändern.

    • Farbe (geben Sie den Farbcode an oder verwenden Sie den Farbwähler)

    • Bild (wählen Sie ein Bild aus der Bildauswahl aus)

    • Bildquelle (geben Sie eine externe URL an)

    • Anhang

      • Klicken Sie auf die obere Dropdownliste, um einen Bildlauf, ein festes Layout oder „lokal“ auszuwählen.
      • Klicken Sie auf die untere Dropdownliste, um „Wiederholen“, „Wiederholung x“, „Wiederholung y, „Keine Wiederholung“, „Leerzeichen“ oder „Bildlauf“ auszuwählen.

    • Schneiden

      • Klicken Sie auf die obere Dropdownliste, um „Rahmen“, „Umrandung“, „Inhaltsfenster“ oder „Text“ auszuwählen.
      • Klicken Sie auf die untere Dropdownliste, um die automatische Audiowiedergabe oder Audiowiedergabe auszuwählen.

  • Typografie

    Ändern Sie die Typografie eines Elements. Die Bearbeitung der Typografie ist schnell und einfach.

    Der Rich-Text-Editor (Text/HTML bearbeiten) ist zwar zur Feinabstimmung verfügbar, über diese Option sind jedoch Schnellaktionen zum Ändern des gesamten Elements verfügbar. Wenn Sie die Typografie-Bearbeitungen nur auf einen Teil des Textes anwenden möchten (nicht auf den ganzen Text), verwenden Sie den Rich-Text-Editor.

    Sie können die folgenden Typografie-Stile bearbeiten:

    • Schriftgröße
    • Schriftstärke
    • Textformat
    • Farbe (geben Sie den Farbcode an oder verwenden Sie den Farbwähler)
    • Wortabstand
    • Zeilenhöhe
    • Textausrichtung

  • Rand

    Ändern Sie den Rand für das ausgewählte Element. Sie können die linken, rechten, unteren und oberen Ränder ändern.

    Klicken Sie auf das Dropdownsymbol für jeden Rand, um unter den folgenden Optionen zu wählen:

    • Auto
    • Wert (Ziehen Sie den Regler, um den Rand festzulegen, oder legen Sie die Anzahl der Pixel für jeden Rand fest)

    Für den Rand werden positive und negative Werte unterstützt.

    Target unterstützt auch andere Größeneinheiten wie rem, pc, em. Weitere Informationen zu diesen Einheiten finden Sie unter CSS-Tipps und Tricks zu Web Style Sheets.

  • Umrandung

    Ändern Sie die Umrandung für das ausgewählte Element. Sie können die linke, rechte, untere und obere Umrandung ändern.

    Ziehen Sie den Schieberegler, um die Umrandung festzulegen, oder legen Sie die Anzahl der Pixel für die Dicke der Umrandung fest.

    Umrandungsdicken von 0 aufwärts werden unterstützt.

    Target unterstützt auch andere Größeneinheiten, wie rem, pc, em.

  • Rahmen

    Klicken Sie auf die Rahmensymbole oben im Bedienfeld, um den Rahmen des ausgewählten Elements zu ändern.

    Sie können die folgenden Stile für jeden Rahmen bearbeiten (oben, rechts, unten und links):

    • Rahmenstil (keine, ausgeblendet, gepunktet, gestrichelt, solide oder doppelt)
    • Rahmenfarbe (geben Sie den Farbcode an oder verwenden Sie den Farbwähler)
    • Rahmenbreite (Ziehen Sie den Regler, um eine Rahmenbreite auszuwählen oder die Breite in Pixel anzugeben)

    Rahmendicken von 0 aufwärts werden unterstützt.

    Target unterstützt auch andere Größeneinheiten, wie rem, pc, em.

  • Position

    Verschieben Sie das ausgewählte Element von seiner aktuellen Position aus. Sie können die Position des Elements oben, unten, links, rechts und Z-Index Position.

    Klicken Sie auf die Dropdownliste Statisch, um aus den folgenden Positionsoptionen auszuwählen:

    • Statisch
    • Relativ
    • Absolut ​
    • Stickiness
    • Fest

    Klicken Sie auf das Dropdownsymbol für jede Position, um unter den folgenden Optionen auszuwählen:

    • Auto
    • Wert (Ziehen Sie den Regler, um das Element zu positionieren, oder geben Sie die Anzahl der Pixel an, um die Sie das Element verschieben möchten.)

    Für die Position werden positive und negative Werte unterstützt.

    Target unterstützt auch andere Größeneinheiten, wie rem, pc, em.

  • Größe

    Ändern Sie die Breite und Höhe des ausgewählten Elements.

    Klicken Sie auf das Dropdownsymbol neben Breite und Höhe, um unter den folgenden Optionen auszuwählen:

    • Auto
    • Wert (Ziehen Sie den Regler, um das Element zu vergrößern oder die Anzahl der Pixel für jede Dimension anzugeben)

  • Filter

    Ziehen Sie den Schieberegler für jede Filteroption oder geben Sie den gewünschten Prozentsatz an:

    • Sepia
    • Kontrast
    • Helligkeit
    • Graustufen
    • Weichzeichnen
    • Deckkraft
    • Invertieren
      ​*
      ​ Farbton rotieren
    • Sättigung

  • CSS-Editor

    Mit dem Echtzeit-CSS-Editor können Sie Änderungen anzeigen und Stile hinzufügen, wenn Sie mit Cascading Style Sheets (CSS) gut vertraut sind oder Code von Ihrem Entwickler erhalten.

    Im CSS-Editor werden alle Änderungen angezeigt, die Sie im Bedienfeld „Stile“ vornehmen. Wie in unten stehender Abbildung gezeigt wurden Schriftgröße, oberer Rand und Bildgröße geändert:

    CSS-Editor mit Änderungen

    Beachten Sie die blauen Punkte neben den Optionen Typografie, Rand und Größe in der obigen Abbildung. Diese Punkte zeigen an, dass Sie diese Abschnitte geändert haben. Wenn Sie diese Abschnittsbedienfelder öffnen, werden neben den spezifischen Optionen, die Sie geändert haben, blaue Punkte angezeigt.

    Sie können Ihren eigenen Code eingeben, wenn der gewünschte Stil standardmäßig nicht in den Stilen verfügbar ist.

    Der CSS-Editor zeigt nur Details für die aktuelle Sitzung an. Wenn Sie Änderungen speichern und den Editor dann erneut öffnen, werden Details zu Ihrer vorherigen Änderung nicht im Editor angezeigt, auch wenn Sie dasselbe Element erneut auswählen.

    note important
    IMPORTANT
    Sie können ein Hintergrundbild mithilfe des CSS-Editors anwenden, es kann jedoch zu Flackern führen. Testen Sie Ihre Änderungen vor der Bereitstellung.

CSS-Klasse

Geben Sie die vordefinierte CSS-Klasse, die für das Element verwendet wurde, an. Wenn mehr als ein Element ausgewählt ist, trennen Sie mehrere CSS-Klassen durch ein Leerzeichen.

Verfügbar für Aktivitäten mit A/B, Automated Personalization und Multivarianz-Tests.

Ändern Sie die URL im Link.

Verwenden Sie „Link bearbeiten“, um die Auswahl zu aktualisieren, damit auf dasselbe Bildelement gezeigt wird. Die Verlinkung zu einem anderen Bildelement wird jedoch nicht unterstützt. Um eine Verlinkung zu einem anderen Bildelement herzustellen, löschen Sie die ursprüngliche Aktion aus dem Code-Editor und verwenden Sie den Visual Experience Composer, um die Aktion auf das andere Bildelement anzuwenden.

Einfügen vor

Die folgenden Optionen sind verfügbar:

Angebotsentscheidung

Hinzufügen einer In erstelltes Angebot Adobe Journey Optimizer , um Ihren Kunden mithilfe von offer decisioning das beste Angebot und Erlebnis zu unterbreiten.

Hinweis: Diese Option steht beim Bearbeiten oder Erstellen zur Verfügung Handbuch A/B-Test oder Erlebnis-Targeting (XT) -Aktivitäten. Diese Option ist für andere Aktivitätstypen nicht verfügbar.

Weitere Informationen finden Sie unter Angebotsentscheidungen verwenden.

Bild, HTMLund Text

Fügen Sie zusätzlich zur Bearbeitung von bestehendem Inhalt nun auch jede Art von Elementen zu Ihrer Seite hinzu. Fügen Sie Text, Code, Listen und mehr hinzu, um komplett unterschiedliche Erlebnisse zum Testen zu erstellen.

Wählen Sie ein Element auf der Seite aus, klicken Sie auf Einfügen vor und wählen Sie aus, ob Sie ein Bild, HTML-Code oder Text einfügen möchten. Das eingefügte Element wird vor dem ausgewählten Element angezeigt.

Das Verhalten des eingefügten Elements hängt von der Struktur der Seite, Ihrem CSS und anderen Seitenkonfigurationsoptionen ab. Für eine korrekte Anzeige der Seite ist gültiges HTML erforderlich. Sie sollten Ihre Seite nach dem Einfügen eines Elements immer testen, um sicherzustellen, dass sie wie erwartet angezeigt wird.

Recommendations unterstützt das Einfügen vor Inhalten von DIV-, SECTION- und ARTICLE-Tags.

Hinweis: Für das Einfügen eines Bildes muss Adobe Scene7 Publishing System aktiviert sein, damit Sie Zugriff auf die Bildbibliothek haben.

Empfehlung

Schließen Sie Empfehlungen in A/B-Test- (einschließlich automatischer Zuweisung und automatischem Targeting) und Erlebnis-Targeting-Aktivitäten (XT-Aktivitäten) ein. Weitere Informationen finden Sie unter Recommendations als Angebot.

Erlebnisfragment

Fügen Sie Erlebnisfragmente, die in Adobe Experience Manager (AEM) erstellt wurden, in Target-Aktivitäten ein, um eine Optimierung oder Personalisierung zu ermöglichen. Weitere Informationen finden Sie unter AEM-Erlebnisfragmente.

Einfügen nach

Die folgenden Optionen sind verfügbar:

Angebotsentscheidung

Hinzufügen einer In erstelltes Angebot Adobe Journey Optimizer , um Ihren Kunden mithilfe von offer decisioning das beste Angebot und Erlebnis zu unterbreiten.

Hinweis: Diese Option steht beim Bearbeiten oder Erstellen zur Verfügung Handbuch A/B-Test oder Erlebnis-Targeting (XT) -Aktivitäten. Diese Option ist für andere Aktivitätstypen nicht verfügbar.

Weitere Informationen finden Sie unter Angebotsentscheidungen verwenden.

Bild, HTMLund Text

Fügen Sie zusätzlich zur Bearbeitung von bestehendem Inhalt nun auch jede Art von Elementen zu Ihrer Seite hinzu. Fügen Sie Text, Code, Listen und mehr hinzu, um komplett unterschiedliche Erlebnisse zum Testen zu erstellen.

Wählen Sie ein Element auf der Seite aus, klicken Sie auf Einfügen nach und wählen Sie aus, ob Sie ein Bild, HTML-Code oder Text einfügen möchten. Das eingefügte Element wird nach dem ausgewählten Element angezeigt.

Das Verhalten des eingefügten Elements hängt von der Struktur der Seite, Ihrem CSS und anderen Seitenkonfigurationsoptionen ab. Für eine korrekte Anzeige der Seite ist gültiges HTML erforderlich. Sie sollten Ihre Seite nach dem Einfügen eines Elements immer testen, um sicherzustellen, dass sie wie erwartet angezeigt wird.

Recommendations unterstützt das Einfügen nach nach DIV-, SECTION- und ARTICLE-Tags.

Hinweis: Für das Einfügen eines Bildes muss Adobe Scene7 Publishing System aktiviert sein, damit Sie Zugriff auf die Bildbibliothek haben.

Empfehlung

Schließen Sie Empfehlungen in A/B-Test- (einschließlich automatischer Zuweisung und automatischem Targeting) und Erlebnis-Targeting-Aktivitäten (XT-Aktivitäten) ein. Weitere Informationen finden Sie unter Recommendations als Angebot.

Erlebnisfragment

Fügen Sie Erlebnisfragmente, die in Adobe Experience Manager (AEM) erstellt wurden, in Target-Aktivitäten ein, um eine Optimierung oder Personalisierung zu ermöglichen. Weitere Informationen finden Sie unter AEM-Erlebnisfragmente.

Inhalt ersetzen

Die folgenden Optionen sind verfügbar:

Angebotsentscheidung

Hinzufügen einer In erstelltes Angebot Adobe Journey Optimizer , um Ihren Kunden mithilfe von offer decisioning das beste Angebot und Erlebnis zu unterbreiten.

Hinweis: Diese Option steht beim Bearbeiten oder Erstellen zur Verfügung Handbuch A/B-Test oder Erlebnis-Targeting (XT) -Aktivitäten. Diese Option ist für andere Aktivitätstypen nicht verfügbar.

Weitere Informationen finden Sie unter Angebotsentscheidungen verwenden.

Bild

Wählen Sie ein anderes Bild aus der Inhaltsbibliothek. Die für den Tausch verfügbaren Bilder beinhalten auch Bilder, die in den Asset-Ordner von Experience Cloud oder in die Inhaltsbibliothek in Target hochgeladen wurden.

Bei der eigentlichen Erstellung der Aktivität ist die angezeigte URL nicht die für die Bereitstellung genutzte URL. Nach der Synchronisierung wird diese URL auf eine Produktions-URL für Scene7 aktualisiert.

Die ursprüngliche URL könnte beispielsweise wie folgt aussehen:

https://test.marketing.adobe.com/content/dam/mac/scholasticinc/Aug_MBM.jpeg?ch_ck=1470774943867

Nach Synchronisierung der Aktivität sieht die URL möglicherweise wie folgt aus:

http://s7d2.scene7.com/is/image/TargetTest/Aug_MBM?tm=1470768352933&fit=constrain&hei=173&wid=300

Recommendations unterstützt „Ersetzen durch“ in DIV-, SECTION- und ARTICLE-Tags.

Hinweis: Für den Tausch von Bildern ist ein Adobe Scene7 Publishing System-Konto erforderlich.

HTML-Angebot

Wählen Sie in der Inhaltsbibliothek ein anderes Angebot aus.

Hinweis: HTML-Angebote werden auf Target-Servern gespeichert.

Ein HTML-Angebot kann bis zu 256 KB groß sein.

Empfehlung

Schließen Sie Empfehlungen in A/B-Test- (einschließlich automatischer Zuweisung und automatischem Targeting) und Erlebnis-Targeting-Aktivitäten (XT-Aktivitäten) ein. Weitere Informationen finden Sie unter Recommendations als Angebot.

Erlebnisfragment

Fügen Sie Erlebnisfragmente, die in Adobe Experience Manager (AEM) erstellt wurden, in Target-Aktivitäten ein, um eine Optimierung oder Personalisierung zu ermöglichen. Weitere Informationen finden Sie unter AEM-Erlebnisfragmente.

Layout

Die folgenden Optionen sind verfügbar:

Neu anordnen

Ziehen Sie das Element an einen anderen Ort innerhalb des gleichen übergeordneten Elements oder DIV. Andere Elemente wechseln den Standort, um für das neu angeordnete Element Platz zu schaffen.

Hinweis: Klick-Tracking funktioniert nicht bei neu angeordnete Elementen.

Derzeit sind bestimmte VEC-Aktionen wie Neu anordnen und Verschiebenangenommen, dass die gleichrangigen Elemente der Quell- und Ziel-übergeordneten Elemente vollständig geladen sind. Wenn verzögertes Laden unter den übergeordneten DOM-Elementen (Quelle oder Ziel) auftritt, können diese VEC-Aktionen zu inkonsistentem Verhalten führen. Wir arbeiten an einem zuverlässigeren Ansatz, um VEC-Aktionen in verzögert geladenen DOM-Elementen zu funktionieren. Als temporäre Problemumgehung können Sie Benutzerspezifischer Code in diesen Szenarien verwenden, um Ihre Erlebnisse zu rendern.

Größe ändern

Ändern Sie die Größe eines Elements auf Ihrer Seite. Wenn Sie Größe ändernwird in der rechten unteren Ecke des Elements ein Ziehpunkt angezeigt, mit dem Sie die Größe der Ecke ziehen können. Halten Sie die Umschalttaste gedrückt, um das Größenverhältnis beizubehalten.

Hinweis: Die Größe von Inline-Elementen kann nicht geändert werden.

Verschieben ​ move

Verschieben Sie Elemente auf Ihrer Seite. Im Gegensatz zu Elemente neu anordnen werden bei der Option Verschieben keine anderen Elemente verschoben, um Platz für das verschobene Element zu machen. Verwenden Sie die Pfeiltasten, um geringfügige Korrekturen vorzunehmen. (Geplante Erweiterung: Unterstützung, um sicherzustellen, dass verschobene Elemente nicht hinter anderen Elementen verborgen werden.)

In bestimmten Situationen, z. B. wenn eine CSS-Beschränkung erfordert, dass ein Element innerhalb des übergeordneten Elements verbleibt, können Sie das Element nicht außerhalb des übergeordneten Elements verschieben. Elemente können nicht aus einem Container verschoben werden, der folgende CSS-Eigenschaft hat:overflow: hidden

Siehe Neu anordnen weiter oben für weitere Informationen zu inkonsistentem Verhalten mit der Verschieben und Neu anordnen Aktionen aufgrund des verzögerten Ladens von DOM-Elementen.

Ausblenden

Blenden Sie das Element aus. Der weiße Bereich bleibt bestehen, der Inhalt wird jedoch entfernt.

Entfernen

Entfernen Sie das Element. Der weiße Bereich hinter dem Bild wird entfernt, und der Bereich, in dem sich das Element befand, wird ausgeblendet.

Hinweis: Elemente innerhalb einer „klassischen“ Mbox (eine mit einer Target Classic-Kampagne erstellte Mbox) können nicht mit dieser Option entfernt werden.

Abschnitt erweitern

Wählen Sie das übergeordnete Element zusätzlich zum ursprünglich ausgewählten Element aus. Wenn Sie ein übergeordnetes Element auswählen, werden alle untergeordneten Elemente dieses Elements automatisch ausgewählt. Sie können diese Auswahl mehrere Male erweitern.

Öffnen Sie das Ziel dieses Links.

Rückgängig/Wiederholen

Rückgängigmachen von Änderungen, die Sie während einer Bearbeitungssitzung an Ihren Aktivitäten vornehmen Sie können außerdem Änderungen wiederherstellen, die zuvor rückgängig gemacht wurden.

Zu beachten considerations

  • Weitere Informationen zu Angeboten mit HTML-Inhalten finden Sie unter „Darstellung von Angeboten mit HTML-Inhalten durch at.js“ in Funktionsweise von „at.js“.

Unterstützung benutzerdefinierter Elemente custom

Der VEC unterstützt Webkomponenten , damit Sie personalisierte Erlebnisse und Angebote für benutzerdefinierte Elemente und Elemente in benutzerdefinierten Elementen erstellen und testen können. Diese Funktion ist im VEC für alle Target Aktivitätstypen.

NOTE
VEC-Unterstützung für benutzerdefinierte Elemente wird in "at.js"-Version 2.7.0 (or later){target=_blank}. Stellen Sie sicher, dass auf Ihrer Website die erforderliche Version bereitgestellt ist. Wenn Sie die Visual Experience Composer Helper-Erweiterungmuss auch die erforderliche Version von at.js bereitgestellt sein. Die oben beschriebenen VEC-Optionen sind nicht sichtbar und stehen für die Verwendung mit nicht unterstützten Versionen von at.js nicht zur Verfügung.
VEC-Unterstützung für benutzerdefinierte Elemente wird derzeit nicht von der Adobe Experience Platform Web SDK.

Die meisten VEC-Aktionen werden für benutzerspezifische Ereignisse und innerhalb benutzerdefinierter Ereignisse unterstützt, mit folgenden Ausnahmen:

Die folgenden Aktionen sind für benutzerdefinierte Elemente nicht verfügbar:

  • Bearbeiten ​

    • Text/HTML
    • Link
    • Quelle bearbeiten

  • Inhalt ersetzen

Die folgende Aktion ist nicht in benutzerdefinierten Elementen verfügbar:

  • Layout
    • Neu anordnen

In Elementen mithilfe des DOM-Pfades navigieren 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.

DOM-Pfad

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.

Wenn Sie den Mauszeiger über den DOM-Pfad bewegen, markiert ein blaues Feld das entsprechende Element im VEC. Wenn Sie auf das Element klicken, markiert ein orangefarbenes Feld das Element und das VEC-Optionsmenü wird wie oben beschrieben angezeigt.

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.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654