Estensione helper Visual Experience Composer
L'estensione Adobe Target Visual Experience Composer (VEC) Helper per il browser Google Chrome consente di caricare i siti Web in modo affidabile nel Compositore esperienza visivo per creare e verificare rapidamente le esperienze Web.
VEC Helper è un'estensione Chrome. Questa estensione non è necessaria quando si utilizza Mozilla Firefox.
-
L'estensione VEC Helper legacy Target documentata in questo articolo è stata creata utilizzando Manifest V2. Google ha annunciato che non consentirà più le estensioni create utilizzando Manifest V2 a partire da giugno 2024. Per ulteriori informazioni, vedere l'annuncio della sequenza temporale del supporto di Manifest V2 da Google nel sito Chrome for Developers.
-
A partire da giugno 2024, Google inizierà a disabilitare le estensioni create utilizzando Manifest V2, inclusa l'estensione documentata in questo argomento. Adobe consiglia ai clienti di passare al più recente estensione Helper per editing video non appena possibile.
-
I clienti che utilizzano i Chrome Web Store privati devono continuare a utilizzare questa versione dell'estensione fino a quando il supporto per questo caso d'uso non sarà implementato nella nuova estensione Visual Editing Helper entro la fine di gennaio 2025.
Motivi per cui alcuni siti web potrebbero non aprirsi in modo affidabile nel Compositore esperienza visivo
- Il sito web dispone di criteri di sicurezza rigidi.
- Il sito web si trova in un iframe.
- La libreria at.js non è ancora implementata sul sito web.
- Il sito per il controllo qualità o il sito di staging del cliente non è disponibile nel mondo esterno (è un sito interno).
- Attualmente esistono alcune limitazioni riguardanti l'utilizzo del Compositore esperienza visivo per aprire un sito Web che utilizza processi di lavoro dei servizi (SW).
Un SW è una tecnologia web che può essere utilizzata per intercettare le richieste verso il dominio in cui è installato da una pagina web. SW sopravvive alla visita della pagina e si attiva nelle visite successive. SW decide quali richieste passare e quali vengono invece intercettate e servite da una cache.
SW può controllare la memorizzazione in cache; può memorizzare in cache la pagina web stessa, le risorse statiche come JS, CSS, IMG, le richieste AJAX, il loro contenuto e le relative intestazioni di risposta, incluse quelle che l’estensione VEC Helper di Target tenta di rimuovere, come X-Frame-Options: SAMEORIGIN, CSP (Content-Security-Policy) o Set-Cookie.
Sfortunatamente, le API di estensione Chrome che intercettano le richieste web non ricevono le richieste intercettate e gestite da un SW. Pertanto, l’estensione non può correggere le intestazioni e i cookie se la richiesta di pagina web è stata servita da una cache da un SW, perché la pagina web non viene caricata nel Compositore esperienza visivo a causa delle intestazioni X-Frame-Options o CSP anch’esse memorizzate nella cache.
Come potenziale soluzione alternativa, è possibile disabilitare i processi di lavoro dei servizi dalla scheda Chrome Developer Tools > Application (Strumenti di sviluppo di > Applicazione), quindi abilitare la casella di controllo "Bypass for network" (Ignora per rete) nella sezione Service Workers (Lavoratori dei servizi).
- Stai utilizzando Google Chrome 80+ con criteri di imposizione dei cookie SameSite migliorati. Per ulteriori informazioni, consulta In che modo i criteri di imposizione dei cookie SameSite di Google Chrome recentemente annunciati influiscono sul Compositore esperienza visivo e sul Compositore esperienza avanzato?
L'estensione VEC Helper per il browser Chrome risolve problemi di caricamento del sito, per i quali i clienti in genere si affidano a Target Compositore esperienza avanzato o estensioni di terze parti, come Requestly.
Vantaggi dell’utilizzo dell’estensione VEC Helper
-
Tutte le intestazioni dei siti non compatibili con iframe, come X-Frame-Options e Content-Security-Policy, vengono rimosse implicitamente dal sito web. Non è più necessario creare regole complesse di Requestly.
-
Se una pagina web non contiene ancora la libreria JavaScript di Target at.js, puoi utilizzare l’estensione per inserire la libreria in modo da creare esperienze per il sito web. Puoi quindi creare attività e controlli qualità tramite collegamenti di anteprima.
Tieni presente che utilizzando il Compositore esperienza avanzato, l’estensione non inserisce at.js, ma la funzionalità per cookie SameSite è ancora presente. Per inserire at.js nella pagina web, disattiva il Compositore esperienza avanzato.
-
I riquadri di visualizzazione per dispositivi mobili sono supportati anche senza il Enhanced Experience Composer (EEC).
-
I clienti non ancora pratici di Target possono utilizzare l’estensione per fare prove con Target anche se i loro sviluppatori IT non hanno ancora implementato Target sui loro siti web.
-
I partner che gestiscono siti web e account Target di più clienti ora hanno a disposizione un meccanismo semplice per supportare il caricamento del Compositore esperienza visivo, anziché gestire più regole in strumenti di terze parti.
Ottenere e installare l’estensione VEC Helper per browser
-
Passa all'estensione Adobe Target VEC Helper per browser in Chrome Web Store.
-
Fare clic su Add to Chrome > Add Extension.
-
Apri il Compositore esperienza visivo in Target.
-
Per utilizzare l’estensione, fai clic sull’icona dell’estensione VEC Helper per browser (
-
(Facoltativo) Fai scorrere l'opzione Inject Target Libraries per attivare la pagina Web se non contiene ancora la libreria JavaScript at.js di Target.
Nella figura seguente viene illustrato VEC Helper con l'impostazione Inject Target Libraries abilitata:
La seguente illustrazione mostra VEC Helper che chiede se desideri inserire le librerie Target nella pagina per abilitare l’authoring:
-
(Condizionale) Far scorrere l'interruttore Cookies fino alla posizione "on" per aggiungere automaticamente la correzione dell'attributo del browser
SameSite=None.
Per ulteriori informazioni sulla correzione dell’attributo del browser
SameSite=None, consulta “In che modo i criteri di imposizione dei cookie SameSite di Google Chrome recentemente annunciati influiscono sul Compositore esperienza visivo e sul Compositore esperienza avanzato?” in Risoluzione dei problemi relativi al Compositore esperienza visivo e al Compositore esperienza avanzato.
Note
-
Il flag Inject Target libraries nell'estensione è disattivato per impostazione predefinita. Abilita questo flag se desideri utilizzare il Compositore esperienza visivo su un sito non ancora implementato per Target.
Questo flag è un'impostazione globale. Il flag viene attivato o disattivato per tutti i siti web aperti nel Compositore esperienza visivo. Quindi, ad esempio, se imposti questo flag su "on" e apri un sito web già implementato con at.js, riceverai un messaggio per informarti che at.js è già caricato. L’Adobe prevede che la maggior parte dei clienti abbia già at.js implementato nelle proprie pagine e utilizzi l’impostazione predefinita "off".
-
L'estensione carica la versione più recente di at.js disponibile da Target UI in Administration > Implementation.
-
Quando utilizzi l’estensione per inserire at.js durante la modalità Controllo qualità, apri un’altra scheda Chrome. Questa scheda di Chrome deve essere autenticata nella stessa organizzazione Adobe Experience Cloud in cui è stata creata l’attività.
-
I messaggi seguenti ti mantengono informato:
- Se il caricamento di un sito web utilizzando il Compositore esperienza visivo non riesce, appare un messaggio per suggerirti di installare l’estensione VEC Helper per browser.
- Se at.js non è ancora implementato sul sito web, nel Compositore esperienza visivo appare un messaggio per suggerirti di installare l’estensione.
- Se l’estensione è abilitata e il caricamento è migliorato, i messaggi appaiono quando l’estensione inserisce la libreria at.js (se necessario) o aiuta ad aprire il sito web in modo affidabile all’interno del Compositore esperienza visivo.