DokumentationJourney OptimizerHandbuch für Journey Optimizer

Verwalten von Web-Änderungen manage-web-modifications

Last update: Wed Oct 30 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Benutzende

Sie können mühelos alle Komponenten, Anpassungen und Stile verwalten, die Sie Ihrer Web-Seite hinzugefügt haben. Sie können Änderungen auch direkt über den dedizierten Bereich hinzufügen.

Arbeiten mit dem Bereich „Änderungen“ use-modifications-pane

  1. Wählen Sie das Symbol Änderungen aus, um den entsprechenden Bereich auf der linken Seite anzuzeigen.

  2. Sie können alle Änderungen überprüfen, die Sie an der Seite vorgenommen haben.

  3. Wählen Sie eine unerwünschte Änderung aus, klicken Sie auf die Schaltfläche Mehr Aktionen und wählen Sie die Option Änderung löschen, um sie zu entfernen.

    note caution
    CAUTION
    Gehen Sie beim Löschen einer Aktion vorsichtig vor, da sich dies auf nachfolgende Aktionen auswirken kann.

  4. Wenn Sie eine Einzelseitenanwendung erstellen, können Sie jede Änderung auf andere Ansichten anwenden. Weitere Informationen

  5. Um mehrere Änderungen gleichzeitig zu löschen, klicken Sie auf die Schaltfläche Auswählen am oberen Rand des Bereichs Änderungen, überprüfen Sie dann die gewünschten Änderungen und klicken Sie anschließend auf das Symbol Löschen.

  6. Verwenden Sie die Schaltfläche Mehr Aktionen oben im Bereich Änderungen, um alle Änderungen gleichzeitig zu löschen.

  7. Sie können auch nur die ungültigen Änderungen löschen, d. h. die Änderungen, die durch andere Änderungen überschrieben wurden. Wenn Sie beispielsweise die Farbe eines Textes ändern und diesen Text dann löschen, wird die Farbänderung ungültig, da der Text nicht mehr vorhanden ist.

  8. Sie können Aktionen auch mithilfe der Schaltfläche Rückgängig/Wiederholen rechts oben auf dem Bildschirm abbrechen und wiederholen.

    Klicken Sie auf die Schaltfläche und halten Sie sie gedrückt, um zwischen den Optionen Rückgängig und Wiederholen zu wechseln. Klicken Sie dann auf die Schaltfläche selbst, um die gewünschte Aktion anzuwenden.

Hinzufügen von Änderungen über den dedizierten Bereich add-modifications

Bei der Bearbeitung einer Seite mit dem Web-Designer können Sie neue Änderungen direkt aus dem Bereich Änderungen in den Inhalt übernehmen, ohne dass eine Komponente ausgewählt und über die Web-Designer-Oberfläche bearbeitet werden muss. Führen Sie dazu folgende Schritte durch.

  1. Klicken Sie im Bereich Änderungen auf die Schaltfläche Mehr Aktionen.

  2. Wählen Sie Eine Änderung hinzufügen aus.

  3. Wählen Sie den Änderungstyp aus:

  4. Geben Sie den Inhalt ein und Speichern Sie die Änderungen.

  5. Klicken Sie auf die Schaltfläche Mehr Aktionen neben der Änderung und wählen Sie Info aus, um die Details anzuzeigen.

CSS-Auswahl css-selector

Um eine Typänderung der CSS-Auswahl hinzuzufügen, gehen Sie wie folgt vor.

  1. Wählen Sie CSS-Auswahl als Änderungstyp aus.

  2. Das Feld CSS-Element-Auswahl hilft dabei, die HTML-Elemente (oder Knoten in der DOM-Struktur) zu finden und auszuwählen, auf die Änderungen angewendet werden sollen.

  3. Wählen Sie einen Aktionstyp aus (Inhalt festlegen oder Attribut festlegen) und geben Sie die erforderlichen Informationen/Inhalte ein.

    • Inhalt festlegen: Geben Sie den Inhalt an, der in das von dem Feld CSS-Element-Auswahl ermittelte Element eingefügt werden soll.

    • Attribut festlegen: Geben Sie ein Attribut an, das mit der aktuellen CSS-Auswahl verknüpft werden soll, damit diese Auswahl dann auch über dieses Attribut identifiziert werden kann. Geben Sie dazu einen Namen in das Feld Attributname und einen Wert in das Feld Inhalt ein. Wenn das Attribut bereits vorhanden ist, wird der Wert aktualisiert. Andernfalls wird ein neues Attribut mit dem angegebenen Namen und Wert hinzugefügt.

Seite <head> page-head

Sie können benutzerdefinierten Code mithilfe des Änderungstyps Seite<head> hinzufügen.

Das <head>-Element ist ein Container für Metadaten (Daten über Daten) und wird zwischen dem <html>-Tag und dem <body>-Tag platziert. In diesem Fall wartet der Code nicht darauf, dass der Hauptteil oder die Seite geladen wird, sondern er wird zu Beginn des Seitenladevorgangs ausgeführt.

Das <head>-Element wird häufig verwendet, um oben auf der Seite JavaScript- oder CSS-Code hinzuzufügen. Die Auswahlen für nachfolgende visuelle Aktionen hängen von den auf dieser Registerkarte hinzugefügten HTML-Elementen ab.

Um eine Typänderung der Seite<head> hinzuzufügen,gehen Sie wie folgt vor.

  1. Wählen Sie Seite<head> als Änderungstyp.

  2. Fügen Sie Ihren benutzerspezifischen Code im Feld Inhalt hinzu.

    note caution
    CAUTION
    Sie können nur <script>- und <style>-Elemente zum Abschnitt <head> hinzufügen. Das Hinzufügen von <div>-Tags und anderen Elementen kann dazu führen, dass die verbleibenden <head>-Elemente in den Abschnitt <body> springen.

  3. Klicken Sie auf die Schaltfläche Erweiterte Bearbeitungsoptionen. Der Personalisierungseditor wird geöffnet.

    Sie können den Personalisierungseditor von Journey Optimizer mit allen Personalisierungs- und Bearbeitungsfunktionen nutzen. Weitere Informationen

Beispiele für benutzerdefinierten Code custom-code-examples

Sie können den Änderungstyp Seite<head> verwenden, um:

  • Inline-JavaScript zu verwenden oder eine Verknüpfung zu einer externen JavaScript-Datei herzustellen.

    So ändern Sie beispielsweise die Farbe eines Elements:

    code language-none 
    <script type="text/javascript">
document.getElementById("element_id").style.color = "blue";
</script>

  • Konfigurieren Sie einen Inline-Stil oder erstellen Sie eine Verknüpfung zu einem externen Stylesheet.

    So definieren Sie beispielsweise eine Klasse für ein Überlagerungselement:

    code language-none 
    <style>
.overlay
{ position: absolute; top:0; left: 0; right: 0; bottom: 0; background: red; }
</style>

Best Practices für benutzerspezifischen Code custom-code-best-practices

Schließen Sie den benutzerspezifischen Code immer in ein Element ein.

Beispiel:

code language-none 
<script>
// Code goes here
</script>

Falls Änderungen erforderlich sind, nehmen Sie sie in diesem Container vor.

Wenn Sie den benutzerdefinierten Code nicht mehr benötigen, lassen Sie diesen Container einfach leer, entfernen Sie ihn jedoch nicht. Dadurch wird sichergestellt, dass andere Erlebnisänderungen nicht beeinflusst werden.

Führen Sie keine „document.write“-Aktionen in Skripten mit benutzerdefiniertem Code durch.
Skripts werden asynchron ausgeführt. Dies verursacht oft, dass „document.write“-Aktionen an der falschen Stelle einer Seite erscheinen. Die Verwendung von „document.write“ in Skripten, die in benutzerspezifischem Code erstellt wurden, ist nicht zu empfehlen.
Wenn Sie ein Element erstellen und es dann ändern, löschen Sie nicht das ursprüngliche Element.
Jede Änderung erstellt ein neues Element im Bedienfeld Änderungen. Da die zweite Aktion Element 1 bearbeitet, kann in der Aktion nichts mehr geändert werden, wenn Sie Element 1 löschen. Daher funktioniert die Änderung nicht mehr.
Gehen Sie vorsichtig vor, wenn Sie den Änderungstyp<><> Seite <head><>für zwei Kampagnen verwenden, die Auswirkungen auf dieselbe URL haben.
Wenn Sie den Änderungstyp Seite<head> für zwei Kampagnen verwenden, die Auswirkungen auf dieselbe URL haben, wird das JavaScript von beiden Kampagnen in die Seite eingefügt. Journey Optimizer bestimmt automatisch die Reihenfolge der bereitgestellten Inhalte. Stellen Sie sicher, dass der Code nicht von der Platzierung abhängig ist. Es obliegt Ihnen, sicherzustellen, dass keine Konflikte im Code vorhanden sind.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76