Auf dieser Seite Erfahren Sie, wie Sie mit dem nicht visuellen Editor von Adobe Journey Optimizer CSS-Selektor und Seitenkopfänderungen zu Ihren Web-Seiten hinzufügen, ohne eine Browser-Erweiterung zu installieren oder den Web-Designer zu laden.
Neben dem visuellen Web-Designer von Journey Optimizer können Sie Änderungen auch mit einem nicht visuellen Editor zu Ihren Web-Seiten hinzufügen.
Dies kann nützlich sein, wenn Sie keine Browser-Erweiterungen wie Adobe Experience Cloud Visual Helper installieren können oder dürfen, die zum Laden Ihrer Seiten in den Web-Designer erforderlich sind.
In bestimmten Fällen kann es auch einfacher sein, einen nicht visuellen Editor zu verwenden, um Änderungen auf eine bestimmte CSS-Auswahl anzuwenden, ohne das Risiko einzugehen, andere Elemente auf einer Web-Seite oder die Seitenstruktur zu ändern.
Gehen Sie wie folgt vor, um Ihre Web-Erlebnisse mit dem nicht visuellen Editor zu erstellen.
-
Heben Sie in der Journey oder in der Kampagne im Bildschirm Inhalt bearbeiten die Auswahl für die Option Visueller Editor auf.
-
Klicken Sie auf Eine Änderung hinzufügen, um mit der Bearbeitung Ihres Web-Inhalts zu beginnen.
-
Der nicht visuelle Editor wird angezeigt. Sie können Ihre erste Änderung über den linken Bereich hinzufügen.
-
Wählen Sie in der Dropdown-Liste den Änderungstyp aus.
Es stehen zwei Typen zur Verfügung. Sie bieten verschiedene Optionen. Weitere Informationen dazu finden Sie unter den folgenden Links:
- CSS-Auswahl – Weitere Informationen
- Seite
<head>– Weitere Informationen
-
Klicken Sie auf die Schaltfläche Personalisierung hinzufügen. Der Personalisierungseditor wird geöffnet.
Sie können den Personalisierungseditor von Journey Optimizer mit allen Personalisierungs- und Bearbeitungsfunktionen nutzen. Weitere Informationen
-
Geben Sie den Inhalt ein und Speichern Sie die Änderungen.
-
Ihre erste Änderung wird über dem Bereich Änderungen angezeigt.
Klicken Sie auf die Schaltfläche Mehr Aktionen neben der Änderung und wählen Sie Info aus, um die Details anzuzeigen. Sie können bei Bedarf auch die Änderung löschen.
note NOTE Der Bereich Änderungen ist identisch mit dem Bereich im Web-Designer. Alle Aktionen, die Sie damit ausführen können, sind in diesem Abschnitt beschrieben. -
Klicken Sie auf die Schaltfläche Hinzufügen über dem Bereich Änderungen, um eine weitere Änderung hinzuzufügen, und wiederholen Sie die oben beschriebenen Schritte.
-
Darüber hinaus können Sie ein beliebiges Element Ihrer Web-Seite auswählen und die Klicks auf dieses Element nachverfolgen. Um das Klick-Tracking zu aktivieren und die Aktionen zu definieren, die nachverfolgt werden sollen, klicken Sie auf das zweite Symbol in der linken Leiste, wie unten dargestellt:
Verwenden Sie die Schaltfläche Komponente hinzufügen, um eine neue Aktion auszuwählen, die nachverfolgt werden soll. Weitere Informationen zum Klick-Tracking finden Sie in diesem Abschnitt.
-
Klicken Sie auf den Pfeil oben links im Bildschirm, um zum Bearbeitungsbildschirm der Journey oder Kampagne zurückzukehren. Sie können die aktuelle Anzahl der Änderungen sehen und weitere Änderungen hinzufügen.
Sie können bei Bedarf auch zum Web-Designer wechseln. Alle Ihre Änderungen bleiben erhalten.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to add CSS selector and page head modifications to web pages using the Journey Optimizer non-visual editor, without installing a browser extension or loading the web designer.
Intents:
- Edit web content without installing a browser extension or loading the web designer
- Switch off the Visual editor option to open the non-visual editor
- Add a CSS Selector or Page head modification
- Apply personalization to a modification through the personalization editor
- Enable click tracking on a selected element
- Switch back to the web designer while preserving modifications
Glossary:
- Non-visual editor: An editor that adds CSS selector and page head modifications to web pages without installing a browser extension or loading the web designer (product-specific)
- CSS Selector: A modification type that applies changes on a particular CSS selector (product-specific)
- Page
<head>: A modification type that applies changes to the page head (product-specific) - Modifications pane: The pane listing added modifications, the same one used in the web designer (product-specific)
- Click tracking: Selecting any element of the website to track the clicks on it, enabled from the left rail (product-specific)
Guardrails:
- To open the non-visual editor, unselect the Visual editor option on the Edit content screen in the journey or campaign.
- Two modification types are available: CSS Selector and Page head.
- The non-visual editor can be used when you cannot, or are not allowed to, install browser extensions such as the Adobe Experience Cloud Visual Helper required to load pages in the web designer.
- Switching to the web designer preserves all your modifications.
Terminology:
- Canonical name: non-visual editor — Acronym: n/a — variants: web non-visual editor
- Synonyms: “web designer” = “visual editor”
- Do not confuse: “non-visual editor” (no browser extension or web designer required) ≠ “web designer” (visual editor requiring the browser extension)
- Do not confuse: “CSS Selector” (modification on a CSS selector) ≠ “Page head” (modification to the page head)
FAQ:
- Q: How do I open the non-visual editor? — From the Edit content screen in the journey or campaign, unselect the Visual editor option, then click Add a modification.
- Q: What modification types can I add? — CSS Selector and Page head.
- Q: Do I need a browser extension to use the non-visual editor? — No, it lets you edit content without installing a browser extension or loading the web designer.
- Q: Can I track clicks on an element? — Yes, select any element of your website and enable click tracking from the second icon on the left rail, using Add Component to select an action to track.
- Q: Will my modifications be kept if I switch to the web designer? — Yes, all your modifications will be preserved.