Visual Experience Composer Helper-Erweiterung
Mit der Browsererweiterung Adobe Target Visual Experience Composer (VEC) Helper 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.
-
Die in diesem Artikel dokumentierte ältere VEC Helper-Erweiterung Target 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 🔗 von Google auf der Seite Chrome für Entwickler für die Unterstützung der Zeitleiste von Manifest V2.
-
Ab Juni 2024 beginnt Google mit der Deaktivierung von Erweiterungen, 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.
-
Kunden, die Private Chrome Web Stores verwenden, sollten diese Version der Erweiterung weiter verwenden, bis die Unterstützung für diesen Anwendungsfall bis Ende Januar 2025 in der neuen Visual Editing Helper Erweiterung implementiert ist.
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 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 mögliche 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.
- Sie verwenden Google Chrome 80+ mit verbesserten SameSite-Cookie-Durchsetzungsrichtlinien. Weitere Informationen finden Sie unter Wie wirken sich die kürzlich angekündigten Durchsetzungsrichtlinien für Google Chrome SameSite-Cookies auf VEC und EEC aus?
Die VEC Helper-Browsererweiterung für Chrome löst Probleme beim Laden von Sites, für die Kunden jetzt den Target Enhanced Experience Composer oder Drittanbietererweiterungen wie Requestly benötigen.
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
-
Navigieren Sie zur Browsererweiterung Adobe Target VEC Helper im Chrome Web Store.
-
Klicken Sie auf Add to Chrome > Add Extension.
-
Öffnen Sie den VEC in Target.
-
Um die Erweiterung zu verwenden, klicken Sie in der Symbolleiste des Chrome-Browsers auf das VEC Helper-Symbol (
-
(Bedingt) Schalten Sie den Umschalter Inject Target Libraries in die Position "Ein", wenn die Webseite noch nicht die JavaScript-Bibliothek "Target at.js"enthält.
Die folgende Abbildung zeigt den VEC Helper mit aktivierter Einstellung Inject Target Libraries :
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:
-
(Bedingt) Schalten Sie den Umschalter Cookies in die Position "Ein", um automatisch die Browserkorrektur für das Attribut
SameSite=Nonehinzuzufügen.
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 Inject Target libraries 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 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 von der 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.