Fehlerbehebung bei Problemen im Zusammenhang mit der Visual Experience Composer

Details

Target fügt beim Öffnen der Website im mboxEdit=1 zwei Parameter (mboxDisable=1 und Visual Experience Composer) 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.

Details

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:

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 note
NOTE
Zusätzlich zu den folgenden Informationen können Sie Adobe Target Visual Editing Helper die-Erweiterung Google Chrome.

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

     

6. Klicken Sie auf Save.

   

   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.

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

Details

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

Details

Wenn Sie im Browse 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.