DokumentationTargetTarget-Anleitung

Beheben von Problemen im Zusammenhang mit Visual Experience Composer

Last update: Wed Apr 10 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

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

Wenn ich meine Website in der Visual Experience Composer, die Target -Bibliotheken werden nicht geladen. (Nur VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

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

Wenn Ihre Website (insbesondere Einzelseiten-Apps) Parameter beschneidet oder beim Navigieren von einer Seite zur anderen (ohne Seitenneuladung) entfernt, wird die Target Funktionsunterbrechungen und 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

Verschiedene Probleme können sich auf die Seitenleistung in Target Experience Composer. 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 Probleme im Enhanced Experience Composer, versuchen Sie, die Enhanced Experience Composer und verwenden Sie Visual Experience Composer anstatt.

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

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

Konsole-Fehlermeldung

Wenn weder die Visual Experience Composer und Enhanced Experience Composer funktioniert, verwenden Sie eine Browser-Erweiterung wie Requestly (Chrome oder Firefox) oder Ändern von Antwortheadern (Firefox), die die X-Frames-Kopfzeilenoptionen für Ihre Site überschreiben können und es ihnen ermöglichen, in iFrames geladen zu werden, wodurch VEC aktiviert wird. Wenn Sie keine Browsererweiterungen verwenden können, verwenden Sie die Form-Based Experience Composer.

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

  • 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 Modify Response Header Erweiterung (Firefox), da Sie keine URL-Regel hinzufügen können, müssen Sie Folgendes tun:
  • 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 auf Chrome oder Firefox:

  1. Deaktivieren Sie die Enhanced Experienced Composer.

  2. Installieren Sie die Requestly Browsererweiterung in Chrome oder Firefox.

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

  4. Auswählen Modify headers.

  5. Geben Sie Folgendes ein:

    • Regelname

    • Änderungsregeln

      • Umschalten Add nach Remove.

      • Umschalten Request nach Response.

      • 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
        Kopfzeilen, die über bearbeitet werden Requestly zwischen Groß- und Kleinschreibung unterscheiden.

      • Änderung Equals nach 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.

    Anforderungsbild

    Sie sollten die Seite jetzt schnell mit der Visual Experience Composer.

So verwenden Sie die Modify Response Headers Erweiterung auf Firefox:

  1. Installieren Sie die Modify Response Headers on Firefox und starten Sie den Browser neu.
  2. Von Ihrem Firefox Erweiterungen wählen Sie die Erweiterung "Modify Response Headers".
  3. Klicken Sie auf Preferences.
  4. Auswählen Filter aus dem Action angezeigt.
  5. Im Header Name eingeben: X-Frame-Options.
  6. Wiederholen Sie die Schritte 4 und 5, um einen Filter mit x-frame-options.
  7. Klicken Sie auf Add.
  8. Klicken Sie auf Start.

Firefox-Erweiterung

Öffnen Sie nach dem Einrichten einer Erweiterung Target. Ihre Seiten sollten jetzt im Visual Experience Composer, 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 sichergestellt: Adobe Experience Cloud Visual Editing Helper extension.

    Um zu überprüfen, ob 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 Webseite vorzunehmen. Diese Bibliotheken sind in die at.js-Bibliothek eingebettet und werden von der -Erweiterung von heruntergeladen Adobe -Server jedes Mal, wenn VEC verwendet wird.

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

    Stellen Sie sicher, dass den in der Konfiguration von at.js konfigurierten Headern keine ungültigen Änderungen hinzugefügt wurden. Administration > Implementation Abschnitt.

  • Stellen Sie sicher, dass die Web-Seite keine Anforderungen blockiert, die zum Laden erforderlich sind, wenn sie in einen iFrame eingebettet wird. Dazu gehören die Verwendung von CSP-Direktiven von Frame-Vorgängern oder benutzerdefiniertem JS-Code, der in die Kundenwebsite eingebettet ist, Meta-HTML-Tags oder die Kopfzeile für X-Frame-Optionen.

  • Stellen Sie sicher, dass das JavaScript der Web-Seite nicht in die Authoring-Bibliotheken eingreift. 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 im VEC nicht geladen werden kann oder sich unerwartet verhält, besteht die Möglichkeit, Cookies auf Ihrer Website im Browser zu akzeptieren, bevor versucht wird, die Website in zu laden Target.

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

Wenn Sie im Modus "Durchsuchen"auf eine URL zugreifen, die nicht über Target implementierte Bibliotheken (at.js or Adobe Experience Platform Web SDK) oder einen Frame-Buster-Header enthält, scheint der VEC beschädigt zu sein. Aus Sicherheitsgründen des Browsers Target kann nicht ordnungsgemäß auf die URL zugreifen, zu der Sie navigiert sind, oder die VEC-URL wird nicht konsistent aktualisiert, wenn die Seite geladen wird.

Dieses Problem tritt auf, weil VEC die Webseite in eine <iframe>. Die aktuellen Sicherheitsmechanismen von Browsern verhindern die Target -Benutzeroberfläche kann aufgrund der gleichen Ursprungsrichtlinie nicht auf die Elemente des angegebenen Frames zugreifen. Browser blockieren Skripte, die versuchen, auf einen Frame mit einer anderen Herkunft zuzugreifen, und enthalten Informationen wie die location.href.

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

Probleme, die durch CSS-Konflikte in der Visual Experience Composer

Überprüfen Sie, ob CSS-Dateien vorhanden sind, die sich auf die Sichtbarkeit beim Laden der Webseite im Editor auswirken können. Verwenden Sie beispielsweise die overflow: hidden -Eigenschaft im Seitentext zu Problemen beim Scrollen oder Trigger-Klick-Ereignissen führen, die das Menü für die Bearbeitung beeinträchtigen könnten.

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