DokumentationTargetTarget-Anleitung

Fehlerbehebung bei Problemen im Zusammenhang mit der Visual Experience Composer

Last update: Tue Dec 31 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Anzeigeprobleme treten manchmal unter bestimmten Bedingungen im Adobe Target Visual Experience Composer (VEC) auf.

Wenn ich meine Website im Visual Experience Composer öffne, werden die Target Bibliotheken nicht geladen. (Nur VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

Target fügt beim Öffnen der Website im Visual Experience Composer zwei Parameter (mboxEdit=1 und mboxDisable=1) hinzu.

Wenn Ihre Website (insbesondere Einzelseiten-Apps) Parameter zuschneidet oder beim Navigieren von einer Seite zur anderen (ohne erneutes Laden der Seite) tatsächlich entfernt, funktioniert die Target nicht mehr und die Target Bibliotheken werden nicht geladen.

Stellen Sie zur Vermeidung dieses Problems sicher, dass Sie diese beiden Parameter nicht beschneiden oder entfernen.

Meine Seite wird im EEC nicht geöffnet oder nur langsam geladen. Aktivitäten oder Erlebnisse werden im VEC langsam geladen. (Nur VEC) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

Mehrere Probleme können die Seitenleistung in Target Experience Composers beeinträchtigen. Im Folgenden finden Sie einige gängige Gründe:

  • Es befindet sich keine Mbox auf der Seite.
  • Ihre Website nutzt Proxy-Sperren, wodurch die Seite in keiner Version von Experience Composer geöffnet werden kann.
  • Ihre Website verhindert, dass Sie in einem iFrame geöffnet wird.

Wenn in der Enhanced Experience Composer Probleme auftreten, deaktivieren Sie die Enhanced Experience Composer und verwenden Sie stattdessen die Visual Experience Composer .

Um die Enhanced Experience Composer zu deaktivieren, gehen Sie zu Administration > Visual Experience Composer und deaktivieren Sie die Option Enable Enhanced Experience Composer .

Bei einigen Benutzern wird in der Konsole die folgende Fehlermeldung angezeigt:

Konsole-Fehlermeldung

Wenn weder der Visual Experience Composer noch der Enhanced Experience Composer funktioniert, verwenden Sie eine Browser-Erweiterung wie Requestly (Chrome oder Firefox) oder Modify Response Headers (Firefox), die die Header-Optionen für X-Frames für Ihre Site überschreiben und deren Laden in iFrames zulassen kann, wodurch der VEC aktiviert wird. Wenn Sie keine Browser-Erweiterungen verwenden können, verwenden Sie den formularbasierten Experience Composer.

NOTE
Zusätzlich zu den folgenden Informationen können Sie Google Chrome die Adobe Target Visual Editing Helper-Erweiterung.
NOTE
Diese Plug-ins sollten nur bei der VEC-Bearbeitung verwendet werden.
Für die Requestly-Erweiterung sollten Sie, wenn Kopfzeilen entfernt werden müssen, einen der folgenden Schritte ausführen:

  • Fügen Sie URL-Regeln für die URL hinzu, die Sie in VEC öffnen wollen, damit Header nur für diese URLs entfernt werden.

  • Aktivieren Sie die Regel bei der Bearbeitung in VEC und deaktivieren Sie die Regel, wenn Sie VEC nicht verwenden.

Für die Modify Response Header-Erweiterung (Firefox) müssen Sie Folgendes tun, da Sie keine URL-Regel hinzufügen können:
  • Aktivieren Sie die Regel bei der Bearbeitung in VEC und deaktivieren Sie die Regel, wenn Sie VEC nicht verwenden.

So verwenden Sie die Requestly-Erweiterung in Chrome oder Firefox:

  1. Schalte die Enhanced Experienced Composer aus.

  2. Installieren Sie die Requestly Browser-Erweiterung auf Chrome oder Firefox.

  3. Öffnen Sie die Erweiterung und konfigurieren Sie sie wie folgt:

  4. Wählen Sie Modify headers aus.

  5. Geben Sie Folgendes ein:

    • Regelname

    • Änderungsregeln

      • Add auf Remove umschalten.

      • Request auf Response umschalten.

      • Geben Sie „X-Frame-Options“ als Kopfzeilenname ein.

      • Wiederholen Sie die vorherigen Schritte und geben Sie „x-frame-options“ als Header-Namen ein.

        note note
        NOTE
        Bei Kopfzeilen, die über Requestly bearbeitet werden, wird zwischen Groß- und Kleinschreibung unterschieden.

      • Ändern Sie Equals in Contains als Bedingung für die Quell-URL und geben Sie die URL der Aktivität ein, die Sie in VEC laden möchten.

      chrome_extension Bild

  6. Klicken Sie auf Save.

    Bild anfordern

    Sie sollten jetzt in der Lage sein, die Seite schnell mit dem Visual Experience Composer zu laden.

So verwenden Sie die Modify Response Headers-Erweiterung in Firefox:

  1. Installieren Sie die Modify Response Headers auf Firefox und starten Sie den Browser neu.
  2. Wählen Sie in Ihren Firefox Erweiterungen die Erweiterung Antwort-Header ändern aus.
  3. Klicken Sie auf Preferences.
  4. Wählen Sie Filter aus der Dropdown-Liste Action aus.
  5. Geben Sie im Feld Header Name Folgendes ein: X-Frame-Options.
  6. Wiederholen Sie die Schritte 4 und 5, um einen Filter mit x-frame-options hinzuzufügen.
  7. Klicken Sie auf Add.
  8. Klicken Sie auf Start.

Firefox-Erweiterung

Öffnen Sie nach dem Einrichten einer Erweiterung Target. Ihre Seiten sollten jetzt in der Visual Experience Composer geladen werden, auch wenn die Enhanced Experience Composer deaktiviert ist.

Meine Seite wird im VEC nicht angezeigt (nur VEC) does-not-load

  • Die beste Kompatibilität mit VEC wird durch die neueste Version der Erweiterung gewährleistet: Adobe Experience Cloud Visual Editing Helper extension.

    Um sicherzustellen, dass Sie die neueste Version verwenden, gehen Sie zu Extensions > Manage Extensions klicken Sie dann auf Details.

  • Die Visual Experience Composer erfordert Authoring-Bibliotheken, um Änderungen auf der Web-Seite durchzuführen. Diese Bibliotheken sind in die at.js-Bibliothek eingebettet und werden bei jeder Verwendung von VEC von den Adobe-Servern heruntergeladen.

    Die Erweiterung lädt die at.js-Bibliothek herunter, unabhängig davon, ob at.js oder die Adobe Experience Platform Web SDK bereits auf der Seite enthalten sind.

    Stellen Sie sicher, dass keine ungültigen Änderungen zu den at.js-Headern hinzugefügt wurden, die im Abschnitt Administration > Implementation konfiguriert sind.

  • Stellen Sie sicher, dass die Web-Seite beim Einbetten in einen iFrame keine obligatorischen Ladeanfragen blockiert. Dazu gehört die Verwendung von Frame-Vorgänger-CSP-Anweisungen oder benutzerdefiniertem JS-Code, der in die Website des Kunden eingebettet ist, Meta-HTML-Tags oder die Kopfzeile „x-frame-options“.

  • Stellen Sie sicher, dass das JavaScript der Web-Seite die Authoring-Bibliotheken nicht beeinträchtigt. Verwenden oder schließen Sie keine Dateien mit den folgenden reservierten Namen ein:

    • target-vec-helper.js

    • target-vec.js

    • target.js

    • admin.css

    • sizzle.js

    • mixContentCheck.html

      Darüber hinaus kann das versehentliche Überschreiben von Variablen oder Ereignissen, die in diesen Dateien definiert sind, zu Problemen mit VEC führen.

  • Der Browser blockiert eine nicht sichere Seite auf einer sicheren Site.

    Klicken Sie auf das Symbol links neben der URL in der Browser-Adressleiste und klicken Sie auf Disable protection on this page

  • Sie haben eine ungültige URL eingegeben.

  • Wenn Ihre Website nicht in VEC geladen werden kann oder sich unerwartet verhält, besteht die Möglichkeit, Cookies auf Ihrer Website im Browser zu akzeptieren, bevor Sie versuchen, die Website in Target zu laden.

Bei der Verwendung des Modus zum Durchsuchen scheint der VEC nicht zu funktionieren. (Nur VEC) section_FA2A18E8FD6A4274B2E395DBAA2FB407

Wenn Sie im Durchsuchen-Modus auf eine URL zugreifen, in der Target Bibliotheken nicht implementiert sind (at.js oder Adobe Experience Platform Web SDK) oder die eine Frame-Buster-Kopfzeile enthält, scheint der VEC fehlerhaft zu sein. Aufgrund von Sicherheitsbedenken des Browsers können Target nicht ordnungsgemäß auf die URL zugreifen, zu der Sie navigiert sind, oder die VEC-URL wird beim Laden der Seite nicht einheitlich aktualisiert.

Dieses Problem tritt auf, weil VEC die Webseite in einem <iframe> lädt. Die aktuellen Sicherheitsmechanismen von Browsern verhindern, dass die Target-Benutzeroberfläche aufgrund derselben Ursprungsrichtlinie auf die Elemente des angegebenen Frames zugreift. Browser blockieren Skripte, die versuchen, auf einen Frame mit einem anderen Ursprung zuzugreifen, wobei Informationen wie der location.href enthalten sind.

Sie müssen die neue Visual Editing Helper-Erweiterung (empfohlen) oder die alte Erweiterung verwenden, um die Target-Bibliothek in die Seiten einzufügen, um sie optimal zu durchsuchen.

Probleme aufgrund von CSS-Konflikten in Visual Experience Composer

Überprüfen Sie, ob es CSS-Dateien gibt, die sich auf die Sichtbarkeit auswirken können, während Sie die Web-Seite im Editor laden. Die Verwendung der overflow: hidden-Eigenschaft im Seitentext könnte beispielsweise zu Scroll-Problemen oder Trigger-Klickereignissen führen, die das Menü für das Authoring beeinträchtigen könnten.

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