Risoluzione dei problemi relativi a Visual Experience Composer

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

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

Target aggiunge due parametri (mboxEdit=1 e mboxDisable=1) mentre apre il sito Web in Visual Experience Composer.

Se il sito Web (in particolare le app a pagina singola) taglia i parametri o li rimuove mentre ci si sposta da una pagina all'altra (senza ricaricare la pagina), la funzionalità Target non funziona e le librerie Target 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 nei compositori esperienza Target. 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 utilizzare invece Visual Experience Composer.

Per disabilitare Enhanced Experience Composer, passare a Administration > Visual Experience Composer e disattivare l'opzione Enable Enhanced Experience Composer.

Alcuni utenti visualizzano il seguente messaggio di errore nella console:

Messaggio di errore della console

Se né Visual Experience Composer né Enhanced Experience Composer funzionano, utilizza un'estensione del browser come Requestly (Chrome o Firefox) o Modifica intestazioni di risposta (Firefox) che può 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 il Compositore esperienza basato su moduli.

NOTE
Oltre alle informazioni seguenti, è possibile utilizzare l'estensione Adobe Target Visual Editing Helper per Google Chrome.
NOTE
Questi plug-in devono essere utilizzati solo nel contesto di modifica del Compositore esperienza visivo.
Per l'estensione Requestly, ogni volta che è necessario rimuovere le intestazioni, eseguire una delle operazioni seguenti:
  • 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 l'estensione Modify Response Header (Firefox), poiché non è possibile aggiungere una regola URL, è necessario eseguire le operazioni seguenti:
  • Abilitare la regola quando si effettuano modifiche nel Compositore esperienza visivo e disabilitarla quando non lo si utilizza.

Per utilizzare l'estensione Requestly in Chrome o Firefox:

  1. Disattivare Enhanced Experienced Composer.

  2. Installa l'estensione del browser Requestly in Chrome o Firefox.

  3. Apri l'estensione e configurala:

  4. Selezionare Modify headers.

  5. Immetti quanto segue:

    • Nome regola

    • Regole di modifica

      • Attiva Add su Remove.

      • Attiva Request su 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
        Le intestazioni manipolate tramite Requestly fanno distinzione tra maiuscole e minuscole.
      • Cambia Equals in Contains come condizione per l'URL di origine e immetti l'URL dell'attività da caricare nel Compositore esperienza visivo.

      immagine chrome_extension

  6. Fare clic su Save.

    immagine richiedente

    Ora dovrebbe essere possibile caricare la pagina rapidamente con Visual Experience Composer.

Per utilizzare l'estensione Modify Response Headers in Firefox:

  1. Installa Modify Response Headers in Firefox e riavvia il browser.
  2. Dalle estensioni Firefox, seleziona l'estensione Modify Response Headers.
  3. Fare clic su Preferences.
  4. Selezionare Filter dal menu a discesa Action.
  5. Nel campo Header Name immettere: X-Frame-Options.
  6. Ripetere i passaggi 4 e 5 per aggiungere un filtro con x-frame-options.
  7. Fare clic su Add.
  8. Fare clic su Start.

Estensione Firefox

Dopo aver configurato un'estensione, aprire Target. Le pagine devono ora 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 compatibilità con Compositore esperienza visivo è garantita dalla versione più recente dell'estensione: Adobe Experience Cloud Visual Editing Helper extension.

    Per verificare se si sta utilizzando la versione più recente, passare a Extensions > Manage Extensions e fare clic su Details.

  • Visual Experience Composer richiede la creazione di librerie per eseguire le modifiche sulla pagina Web. Queste librerie sono incorporate nella libreria at.js e vengono scaricate dall'estensione dai server 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 siano già inclusi nella pagina.

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

  • 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.

    Fare clic sull'icona a sinistra dell'URL nella barra degli indirizzi del browser e fare 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 in cui non sono implementate Target librerie (at.js o Adobe Experience Platform Web SDK) o che contiene un'intestazione frame-buster, il Compositore esperienza visivo risulta interrotto. 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é VEC carica la pagina web in un <iframe>. I meccanismi di sicurezza correnti dei browser impediscono all'interfaccia utente Target di accedere agli elementi del frame specificato a causa del criterio di origine uguale. 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 la nuova estensione Helper per editing video (consigliata) o la vecchia estensione per inserire la libreria Target nelle pagine per visualizzarle 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, l'utilizzo della proprietà overflow: hidden nel corpo della pagina potrebbe causare problemi di scorrimento o attivare eventi di clic che potrebbero interferire con il menu per la creazione.

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