Beheben von Problemen im Zusammenhang mit dem Visual Experience Composer

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

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

Target fügt zwei Parameter (mboxEdit=1 und mboxDisable=1) hinzu, während die Website im Visual Experience Composer geöffnet wird.

Wenn Ihre Website (insbesondere Einzelseiten-Apps) Parameter beschneidet oder beim Navigieren von einer Seite zur anderen entfernt (ohne dass die Seite neu geladen wird), wird die Target -Funktionalität nicht mehr genutzt 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

Verschiedene Probleme können sich auf die Seitenleistung in den Erlebnis-Composern für Target auswirken. 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 in der Enhanced Experience Composer auftreten, versuchen Sie, die Enhanced Experience Composer zu deaktivieren und stattdessen die Visual Experience Composer zu verwenden.

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 das Visual Experience Composer noch das Enhanced Experience Composer funktioniert, verwenden Sie eine Browser-Erweiterung wie Requestly (Chrome oder Firefox) oder Modify Response Headers (Firefox), die die X-Frames-Kopfzeilenoptionen für Ihre Site überschreiben und das Laden in iFrames ermöglichen kann, wodurch VEC aktiviert wird. Wenn Sie keine Browsererweiterungen verwenden können, verwenden Sie den formularbasierten Experience Composer.

NOTE
Zusätzlich zu den folgenden Informationen können Sie die Erweiterung Adobe Target Visual Editing Helperfür Google Chrome verwenden.
NOTE
Diese Plug-ins sollten nur bei der VEC-Bearbeitung verwendet werden.
Wenn Sie Kopfzeilen für die Erweiterung Requestly entfernen müssen, sollten Sie 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.

Da Sie für die Erweiterung Modify Response Header (Firefox) 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 für Chrome oder Firefox:

  1. Deaktivieren Sie die Enhanced Experienced Composer.

  2. Installieren Sie die Browsererweiterung Requestly für 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

      • Schaltet Add auf Remove um.

      • Schaltet Request auf Response um.

      • 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 image

  6. Klicken Sie auf Save.

    requestly image

    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 für 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 "Modify Response Headers"aus.
  3. Klicken Sie auf Preferences.
  4. Wählen Sie Filter aus der Dropdownliste 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 im Visual Experience Composer geladen werden, selbst wenn der 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 und 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 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 Adobe Experience Platform Web SDK bereits auf der Seite enthalten sind.

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

  • 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 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, für die keine Target Bibliotheken implementiert sind (at.js oder Adobe Experience Platform Web SDK) oder die eine Header mit Frame-Buster enthält, scheint der VEC beschädigt zu sein. Aus Sicherheitsgründen des Browsers kann Target 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 einen <iframe> lädt. Die aktuellen Sicherheitsmechanismen von Browsern verhindern, dass die Benutzeroberfläche von Target aufgrund der gleichen Ursprungsrichtlinie auf die Elemente des angegebenen Rahmens zugreift. Browser blockieren Skripte, die versuchen, auf einen Frame mit einer anderen Herkunft zuzugreifen, und die Informationen wie den location.href enthalten.

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

Probleme aufgrund von CSS-Konflikten in 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. Beispielsweise kann die Verwendung der Eigenschaft overflow: hidden im Seitentext zu Problemen beim Scrollen oder zu Trigger-Klick-Ereignissen führen, die das Menü für die Bearbeitung beeinträchtigen könnten.

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