Visual Experience Composer Helper-Erweiterung

Die Adobe Target Visual Experience Composer (VEC) Mit der Helper-Browsererweiterung für Google Chrome können Sie Websites zuverlässig im VEC laden, um schnell und einfach Web-Erlebnisse zu erstellen und zu überprüfen.

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

IMPORTANT
Die aktuelle Target Die in diesem Artikel dokumentierte VEC Helper-Erweiterung wurde mit Manifest v2 erstellt. Google hat kürzlich angekündigt, dass neue Erweiterungen, die mit Manifest v2 erstellt wurden, nicht mehr zugelassen werden.
Die vorhandene Erweiterung funktioniert weiterhin in Google Chrome. Künftig Adobe wird die in diesem Thema dokumentierte Helper-Erweiterung nicht mehr unterstützen und von Kunden verlangen, zum neueren zu wechseln Visual Editing Helper-Erweiterung. Sie werden über Versionshinweise und Text in diesem Artikel benachrichtigt, wenn diese Erweiterung nicht mehr funktioniert. Aufgrund von Sicherheitsverbesserungen in Manifest v3, Adobe empfiehlt das Herunterladen der neuen Erweiterung, um Ihre Websites weiterhin visuell zu erstellen in Target.

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 Servicepersonal (SW).

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 Webanfragen abfangen, nicht die Anfragen, die von einer SW abgefangen und verarbeitet wurden. Daher kann die Erweiterung die Kopfzeilen und Cookies nicht beheben, wenn die Webseitenanforderung von einer SW aus 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-Browsererweiterung für Chrome löst Probleme beim Laden von Sites, für die Kunden jetzt die Funktion Target Enhanced Experience Composer oder Drittanbietererweiterungen, z. B. Requestly.

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 ist nicht mehr erforderlich, 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 die Erweiterung mit dem Enhanced Experience Composer (EEC) at.js nicht injiziert, aber die SameSite-Cookie-Funktion 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 zum Adobe Target VEC Helper-Browsererweiterung im Chrome Web Store.

  2. Klicken Sie auf Zu Chrome hinzufügen > Erweiterung hinzufügen.

  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 die Target-Bibliotheken einfügen wird zur Position "Ein"umgeschaltet, wenn die Webseite noch nicht enthält. Target at.js-JavaScript-Bibliothek.

    Die folgende Abbildung zeigt den VEC Helper mit aktivierter Einstellung Target-Bibliotheken injizieren:

    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 die Cookies Umschalten auf die Position "Ein", um automatisch die SameSite=None -Attribut-Browser-Korrektur.

    Umschalten von Cookies 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

  • Die Markierung Ziel-Bibliotheken einfügen ist in der Erweiterung 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 diese Markierung beispielsweise auf "ein"setzen und eine Website öffnen, die bereits mit at.js implementiert ist, erhalten Sie eine Nachricht, dass at.js bereits geladen ist. Adobe geht davon aus, dass die meisten Kunden bereits at.js auf ihren Seiten implementiert haben, und verwendet die Standardeinstellung "Aus".

  • Die -Erweiterung lädt die neueste Version von at.js, die im Abschnitt Target UI in Administration > Implementierung.

  • 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