Risoluzione dei problemi relativi al Visual Experience Composer

Talvolta si verificano problemi di visualizzazione in Adobe Target Visual Experience Composer (VEC) in determinate condizioni.

Quando apro il sito Web in Visual Experience Composer, il Target le librerie non vengono caricate. (Solo Compositore esperienza visivo) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

Target aggiunge due parametri (mboxEdit=1 e mboxDisable=1) durante l'apertura del sito Web in Visual Experience Composer.

Se il tuo sito web (in particolare le app a pagina singola) taglia i parametri o li rimuove mentre navighi da una pagina all'altra (senza ricaricare la pagina) il Target interruzioni di funzionalità e Target le librerie non vengono caricate.

Per evitare questo problema, assicurati di non tagliare o rimuovere questi due parametri.

La pagina non si apre nel Compositore esperienza avanzato, o si carica lentamente. Le attività o le esperienze si caricano lentamente nel Compositore esperienza visivo. (Solo Compositore esperienza visivo) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

Diversi problemi possono influire sulle prestazioni della pagina in Target compositori di esperienze. Alcuni problemi comuni includono:

  • Sulla pagina non è oresente una mbox.
  • Il sito utilizza il blocco proxy, che non consente l'apertura della pagina in nessuno dei Compositori esperienza.
  • Il sito non si lascia aprire in un iFrame.

Se si verificano problemi in Enhanced Experience Composer, provare a disattivare Enhanced Experience Composer e utilizza Visual Experience Composer invece.

Per disattivare Enhanced Experience Composer, vai a Administration > Visual Experience Composer e spegnere il Enable Enhanced Experience Composer opzione.

Alcuni utenti visualizzano il seguente messaggio di errore nella console:

Messaggio di errore della console

Se nessuno dei due Visual Experience Composer né il Enhanced Experience Composer funziona, utilizza un’estensione del browser come Requestly (Chrome o Firefox) o Modifica le intestazioni di risposta (Firefox) che possono sovrascrivere le opzioni di intestazione X-Frames per il sito e consentirne il caricamento in iFrame, abilitando il Compositore esperienza visivo. Se non riesci a utilizzare le estensioni del browser, utilizza Compositore esperienza basato su moduli.

NOTE
Oltre alle seguenti informazioni, puoi utilizzare Adobe Target Visual Editing Helper estensione per Google Chrome.
NOTE
Questi plug-in devono essere utilizzati solo nel contesto di modifica del Compositore esperienza visivo.
Per Requestly estensione, ogni volta che è necessario rimuovere le intestazioni, effettua una delle seguenti operazioni:
  • Aggiungere regole URL per l'URL che si desidera aprire nel Compositore esperienza visivo in modo tale che le intestazioni vengano rimosse solo per tali URL.

  • Abilitare la regola quando si effettuano modifiche nel Compositore esperienza visivo e disabilitarla quando non lo si utilizza.

Per Modify Response Header estensione (Firefox), poiché non è possibile aggiungere una regola URL, è necessario effettuare le seguenti operazioni:
  • Abilitare la regola quando si effettuano modifiche nel Compositore esperienza visivo e disabilitarla quando non lo si utilizza.

Per utilizzare Requestly estensione su Chrome o Firefox:

  1. Disattiva il Enhanced Experienced Composer.

  2. Installare Requestly estensione browser su Chrome o Firefox.

  3. Apri l'estensione e configurala:

  4. Seleziona Modify headers.

  5. Immetti quanto segue:

    • Nome regola

    • Regole di modifica

      • Attiva/Disattiva Add a Remove.

      • Attiva/Disattiva Request a Response.

      • Immetti “X-Frame-Options” come nome dell'intestazione.

      • Ripeti i passaggi precedenti e immetti “x-frame-options” come nome dell'intestazione.

        note note
        NOTE
        Intestazioni manipolate tramite Requestly sono sensibili all’uso di maiuscole e minuscole.
      • Cambia Equals a Contains come condizione per l’URL di origine e immetti l’URL dell’attività da caricare nel Compositore esperienza visivo.

      immagine chrome_extension

  6. Clic Save.

    richiedi immagine

    Ora dovresti essere in grado di caricare la pagina rapidamente con Visual Experience Composer.

Per utilizzare Modify Response Headers estensione su Firefox:

  1. Installare Modify Response Headers il Firefox e riavvia il browser.
  2. Dal tuo Firefox , seleziona l'estensione Modify Response Headers.
  3. Clic Preferences.
  4. Seleziona Filter dal Action a discesa.
  5. In Header Name , immetti: X-Frame-Options.
  6. Ripeti i passaggi 4 e 5 per aggiungere un filtro con x-frame-options.
  7. Clic Add.
  8. Clic Start.

Estensione Firefox

Dopo aver configurato un'estensione, apri Target. A questo punto le pagine dovrebbero essere caricate in Visual Experience Composer, anche se Enhanced Experience Composer è disabilitato.

La pagina non viene visualizzata nel Compositore esperienza visivo (solo Compositore esperienza visivo) does-not-load

  • La migliore compatibilità con VEC è garantita dalla versione più recente dell’estensione: Adobe Experience Cloud Visual Editing Helper extension.

    Per verificare se utilizzi la versione più recente, vai a Extensions > Manage Extensions quindi fai clic su Details.

  • Il Visual Experience Composer richiede la creazione di librerie per eseguire modifiche sulla pagina web. Queste librerie sono incorporate nella libreria at.js e vengono scaricate dall'estensione da Adobe ogni volta che viene utilizzato il Compositore esperienza visivo.

    L'estensione scarica la libreria at.js indipendentemente dal fatto che at.js o Adobe Experience Platform Web SDK sono già inclusi nella pagina.

    Assicurati che non siano state aggiunte modifiche non valide alle intestazioni at.js configurate in Administration > Implementation sezione.

  • Assicurati che la pagina web non blocchi le richieste obbligatorie da caricare quando è incorporata all’interno di un iFrame. Ciò include l’utilizzo di direttive CSP precedenti ai fotogrammi o di codice JS personalizzato incorporato nel sito web del cliente, tag meta-HTML o intestazione x-frame-options.

  • Assicurati che il codice JavaScript della pagina web non interferisca con le librerie di authoring. Non utilizzare o includere file che utilizzano i seguenti nomi riservati:

    • target-vec-helper.js

    • target-vec.js

    • target.js

    • admin.css

    • sizzle.js

    • mixContentCheck.html

      Inoltre, la sostituzione accidentale di variabili o eventi definiti in questi file potrebbe causare problemi con il Compositore esperienza visivo.

  • Il browser sta bloccando una pagina non sicura su un sito sicuro.

    Fai clic sull’icona a sinistra dell’URL nella barra degli indirizzi del browser e fai clic su Disable protection on this page

  • Hai immesso un URL non valido.

  • Se il sito web non viene caricato nel Compositore esperienza visivo o si comporta in modo imprevisto, è possibile che vengano accettati dei cookie sul sito web nel browser prima di tentare di caricare il sito web in Target.

Il Compositore esperienza visivo sembra non funzionare quando uso la modalità Sfoglia. (Solo Compositore esperienza visivo) section_FA2A18E8FD6A4274B2E395DBAA2FB407

Quando si utilizza la modalità Sfoglia, se si accede a un URL che non dispone di Target librerie implementate (at.js or Adobe Experience Platform Web SDK) o contiene un’intestazione frame-buster, il Compositore esperienza visivo sembra non funzionare. A causa di problemi di sicurezza del browser, Target non può accedere correttamente all’URL a cui sei passato oppure l’URL del Compositore esperienza visivo non viene aggiornato in modo coerente se la pagina viene caricata.

Questo problema si verifica perché il Compositore esperienza visivo carica la pagina web in un <iframe>. Gli attuali meccanismi di sicurezza dei browser impediscono Target L’interfaccia utente non accede agli elementi del frame specificato a causa del criterio relativo alla stessa origine. I browser bloccano gli script che tentano di accedere a un frame con un’origine diversa e che include informazioni quali location.href.

È necessario utilizzare il nuovo Estensione Helper per editing video (consigliato) o vecchia estensione per iniettare Target nelle pagine per sfogliarle in modo ottimale.

Problemi causati da conflitti CSS in Visual Experience Composer

Verifica se sono presenti file CSS che potrebbero influire sulla visibilità durante il caricamento della pagina web nell’editor. Ad esempio, utilizzando overflow: hidden nel corpo della pagina potrebbe causare problemi di scorrimento o attivare eventi di clic che potrebbero interferire con il menu per l’authoring.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654