Visual Experience Composer Helper-Erweiterung

Mit der Browser-Erweiterung Adobe Target Visual Experience Composer (VEC) Helper für Google Chrome können Sie Websites zuverlässig innerhalb des VEC laden, um Web-Erlebnisse schnell zu erstellen und zu prüfen.

Der VEC Helper-Browser ist eine Chrome. Diese Erweiterung ist bei Verwendung von Mozilla Firefox nicht erforderlich.

IMPORTANT
  • Die in diesem Artikel dokumentierte veraltete Target VEC Helper-Erweiterung wurde mit Manifest V2 erstellt. Google hat angekündigt, dass mit Manifest V2 erstellte Erweiterungen ab Juni 2024 nicht mehr zulässig sind. Weitere Informationen finden Sie in der Ankündigung Manifest v2-Unterstützung von Google auf der Chrome for Developers-Site.

  • Ab Juni 2024 werden Google mit der Deaktivierung von Erweiterungen beginnen, die mit Manifest V2 erstellt wurden, einschließlich der in diesem Thema dokumentierten Erweiterung. Adobe empfiehlt Kundinnen und Kunden, so schnell wie möglich auf die neuere Visual Editing Helper-Erweiterung umzusteigen.

Gründe, weshalb einige Websites im VEC möglicherweise nicht zuverlässig geöffnet werden

  • Die Website hat strikte Sicherheitsrichtlinien.
  • Die Website befindet sich in einem iFrame.
  • Die at.js-Bibliothek ist auf der Website noch nicht implementiert.
  • Die QA- oder Status-Site von Kundinnen und Kunden kann extern nicht abgerufen werden (interne Site).
  • Es gibt einige aktuelle Einschränkungen beim Versuch, VEC zum Öffnen einer Website zu verwenden, die Service Workers (SW) verwendet.

Ein SW ist eine Web-Technologie, mit der Anforderungen durch eine Web-Seite für die Domain abgefangen werden können, auf der sie installiert sind. Der SW überlebt den Seitenbesuch und aktiviert sich selbst bei nachfolgenden Besuchen. Der SW entscheidet, welche Anforderungen durchlaufen werden und welche stattdessen abgefangen und aus einem Cache bereitgestellt werden.

Der SW kann die Zwischenspeicherung steuern und die Web-Seite selbst zwischenspeichern sowie auch statische Ressourcen wie JS, CSS, IMG, AJAX-Anfragen, deren Inhalte und deren Antwort-Header, einschließlich der Header, die unsere Target VEC Helper-Erweiterung zu entfernen versucht, z. B. X-Frame-Optionen: SAMEORIGIN, CSP (Content-Security-Policy) oder Set-Cookie.

Leider erhalten die Chrome-Erweiterungs-APIs, die Web-Anfragen abfangen, nicht die Anfragen, die von einem SW abgefangen und verarbeitet wurden. Daher kann die Erweiterung die Kopfzeilen und Cookies nicht beheben, wenn die Web-Seitenanforderung von einem SW aus dem Cache bereitgestellt wurde, da die Web-Seite aufgrund der X-Frame-Options- oder CSP-Kopfzeilen, die ebenfalls zwischengespeichert wurden, nicht im VEC geladen wird.

Als potenzielle Problemumgehung können Sie Service Workers auf der Registerkarte "Chrome Developer Tools“ > „Anwendung“ deaktivieren und dann das Kontrollkästchen „Für Netzwerk umgehen“ im Abschnitt „Service Workers“ aktivieren.

Die VEC Helper-Browser-Erweiterung für Chrome löst Probleme beim Laden von Websites, für die Kundinnen und Kunden jetzt auf den Target Enhanced Experience Composer oder Erweiterungen von Drittanbietern wie Requestly angewiesen sind.

Vorteile der Verwendung der VEC Helper-Erweiterung

  • Alle iFrame-Busting-Kopfzeilen wie X-Frame-Options und Content-Sicherheitsrichtlinien werden implizit von der Website entfernt. Es besteht keine Notwendigkeit mehr, komplizierte Requestly-Regeln zu erstellen.

  • Wenn eine Webseite noch nicht die Target-JavaScript-Bibliothek at.js enthält, können Sie die Erweiterung verwenden, um die Bibliothek einzufügen, sodass Sie Erlebnisse für die Website erstellen können. Anschließend können Sie Aktivitäten erstellen und diese mithilfe von Vorschau-Links überprüfen.

    Beachten Sie, dass bei Verwendung des Enhanced Experience Composer (EEC) die Erweiterung at.js zwar nicht einbindet, aber die SameSite Cookie-Funktionalität weiterhin vorhanden ist. Um at.js auf der Webseite einzubinden, schalten Sie den EEC aus.

  • Mobile Viewports werden auch ohne den Enhanced Experience Composer (EEC) unterstützt.

  • Kunden, für die Target noch ungewohnt ist, können mit der Erweiterung mit Target experimentieren, selbst wenn ihre IT-Entwickler Target noch nicht auf der Webseite implementiert haben.

  • Partner, die Websites und Target-Konten mehrerer Kunden bedienen, verfügen jetzt über einen einfachen Mechanismus, durch den sie VEC laden, anstatt mehrere Regeln in Drittanbieter-Werkzeugen verwalten zu müssen.

Beziehen und Installieren der VEC Helper-Browsererweiterung

  1. Navigieren Sie zur Browser-Erweiterung Adobe Target VEC Helper im Chrome Web Store.

  2. Klicken Sie auf Add to Chrome > Add Extension.

  3. Öffnen Sie den VEC in Target.

  4. Um die Erweiterung zu verwenden, klicken Sie in der Symbolleiste des Chrome-Browsers auf das VEC Helper-Symbol ( VEC Helper-Symbol ), während Sie sich im VEC oder QA-Modus befinden.

  5. (Bedingt) Schieben Sie den Inject Target Libraries-Umschalter an die Position „ein“, wenn die Web-Seite noch nicht die Target at.js-JavaScript-Bibliothek enthält.

    Die folgende Abbildung zeigt den VEC Helper mit aktivierter Inject Target Libraries:

    VEC Helper 1

    Die folgende Abbildung zeigt den VEC Helper an mit der Frage, ob Sie Target-Bibliotheken auf der Seite einfügen möchten, um Authoring zu ermöglichen:

    VEC Helper 2

  6. (Bedingt) Schieben Sie den Cookies-Umschalter auf die Position „ein“, um die Browser-Fehlerbehebung für das SameSite=None-Attribut automatisch hinzuzufügen.

    Cookies-Umschalter in der VEC Helper-Erweiterung

    Weitere Informationen zur Browser-Fehlerbehebung für das SameSite=None-Attribut finden Sie unter „Wie wirken sich die kürzlich angekündigten Richtlinien zur Durchsetzung von SameSite-Cookies in Google Chrome auf den VEC und EEC aus?“ in Beheben von Problemen mit Visual Experience Composer und Enhanced Experience Composer.

Hinweise

  • Das Inject Target libraries-Flag in der Erweiterung ist standardmäßig deaktiviert. Sie können diese Markierung aktivieren, wenn Sie VEC auf einer Site verwenden möchten, für die Target noch nicht implementiert wurde.

    Diese Markierung ist eine globale Einstellung. Sie wird für alle im VEC geöffneten Websites aktiviert bzw. deaktiviert. Wenn Sie beispielsweise diese Markierung auf „Ein“ setzen und eine Website öffnen, die bereits mit at.js implementiert ist, erhalten Sie eine Meldung, die Sie darüber informiert, dass at.js bereits geladen ist. Adobe geht davon aus, dass die meisten Kunden at.js bereits auf ihren Seiten implementiert haben und die Standardeinstellung „off“ verwenden.

  • Die Erweiterung lädt die neueste Version von at.js, die über die Target UI in Administration > Implementation verfügbar ist.

  • Wenn Sie die Erweiterung verwenden, um at.js im QA-Modus einzufügen, muss eine andere Chrome-Registerkarte geöffnet sein. Diese Chrome-Registerkarte muss für dieselbe Adobe Experience Cloud-Organisation authentifiziert sein, in der Sie die Aktivität erstellt haben.

  • Die folgenden Meldungen helfen Ihnen dabei, auf dem neuesten Stand zu bleiben:

    • Wenn Sie versuchen, eine Website mit dem VEC zu laden, dies aber fehlschlägt, wird eine Meldung angezeigt, die empfiehlt, die VEC Helper-Browsererweiterung zu installieren.
    • Wenn at.js auf der Website noch nicht implementiert wurde, wird in VEC eine Meldung angezeigt, die empfiehlt, die Erweiterung zu installieren.
    • Wenn die Erweiterung aktiviert ist und das Laden durchführt, werden Meldungen angezeigt, wenn die Erweiterung die at.js-Bibliothek einfügt (falls erforderlich) bzw. dabei hilft, die Website zuverlässig im VEC zu öffnen.
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654