Beheben von Problemen mit Visual Experience Composer

Details

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

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.

Details

In Experience Composers (Target) ​ die Seitenleistung ​ von mehreren Problemen betroffen sein. 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 im Enhanced Experience Composer Probleme auftreten, versuchen Sie, den Enhanced Experience Composer zu deaktivieren und Visual Experience Composer zu verwenden.

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

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

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 X-Frames-Header-Optionen 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
NOTE
Zusätzlich zu den folgenden Informationen können Sie die Erweiterung Adobe Target Visual Editing Helper für ​ verwendenGoogle Chrome.

note
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. Deaktivieren Sie den Enhanced Experience Composer.

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 Kopfzeilen ändern aus.

5. Geben Sie Folgendes ein:

   • Regelname

   • Änderungsregeln

     • Ändern Sie Hinzufügen zu Entfernen.

     • Ändern Sie Anforderung zu Antwort.

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

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

     

6. Klicken Sie auf Speichern.

   

   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 Antwort-Header ändern 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 Einstellungen.
4. Wählen Filter aus der DropdownAktion aus.
5. Geben Sie ​ Feld Kopfzeilenname ein: X-Frame-Options.
6. Wiederholen Sie die Schritte 4 und 5, um einen Filter mit X-Frame-Optionen hinzuzufügen.
7. Klicken Sie auf Hinzufügen.
8. Klicken Sie auf Start.

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

Details

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

  Um sicherzustellen, dass Sie die neueste Version verwenden, navigieren Sie zu Erweiterungen > Erweiterungen verwalten und klicken Sie dann auf Details.

• Der 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 > Implementierung 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, von Meta-HTML-Tags oder der 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 wählen Sie Schutz auf dieser Seite deaktivieren.

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

Details

Wenn Sie im Durchsuchen-Modus auf eine URL zugreifen, die nicht Target Bibliotheken implementiert hat (at.js oder Adobe Experience Platform Web SDK) oder 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 Erweiterung Visual Editing Helper verwenden, um die Target-Bibliothek in die Seiten einzufügen, damit sie optimal durchsucht werden können.

Details

Ü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.