Domande frequenti sul Compositore esperienza visivo e problemi comuni

Scopri come risolvere i problemi del Compositore esperienza visivo di Adobe Target con informazioni approfondite sulle sfide iframe, sui contenuti misti e sulla risoluzione dei problemi comuni del Compositore esperienza visivo.

Descrizione description

Ambiente

Adobe Target

Problema/Sintomi

Questo documento è stato creato per elencare le domande frequenti sulla risoluzione dei problemi VEC e alcuni dei problemi comuni relativi a Target VEC.

Risoluzione resolution

Controlli preliminari:

  1. Parametri di query

    Controlla che il sito web consenta il parametro di query. Il Compositore esperienza visivo aggiunge automaticamente i seguenti parametri di query all’URL della pagina:mboxEdit=1 & mboxDisable=1. Apri il sito web in una scheda separata e aggiungi alla fine i parametri di query di cui sopra e osserva se c’è un problema. Se il sito Web è: www.customerwebsite.com, quindi apri una nuova scheda e seleziona: www.customerwebsite.com?mboxEdit=1&mboxDisable=1

  2. I contenuti misti devono essere consentiti

    Se utilizzi contenuti attivi personalizzati come file JavaScript e CSS, questi devono essere scaricati tramite HTTPS e non HTTP.

    Documento di riferimento Consentire contenuti misti nel browser

  3. La pagina web deve essere accessibile all’interno di un iframe.  Controlla se il sito web supporta iframe o li blocca andando in jsbin e incolla sotto il codice. Verifica se il sito web si apre in un iframe. Sostituisci facebook.com con l’URL del sito web.

    code language-none
    !DOCTYPE html    html    head    meta charset="utf-8"     meta name="viewport" content="width=device-width"      titleJS Bin/title     /head    body       iframe src="https://www.facebook.com" height="700";width="850"/iframe    /body    /html
    
  4. Potrebbero essere utilizzate una o più tecniche di busting iframe, alcune delle quali sono elencate di seguito:

  5. Busting Iframe basato su JS. Questa operazione può essere eseguita tramite vari codici JavaScript.

    • Un esempio di base:

      code language-none
      script
      if(top != window) {
         body.style.display = none;
      }
      /script
      

Esistono molte altre tecniche di JavaScript per il busto dei frame iFrame, le più utilizzate in questo collegamento: Busting del telaio

  • I seguenti script JS di Target vengono scaricati

    • target-vec.js
    • target-vec-helper.js
  • Se la struttura DOM è stata modificata, potrebbero esserci errori nel Compositore esperienza visivo in cui le modifiche configurate non sono visibili nel Compositore esperienza visivo.

    Individua il selettore per il quale viene interrotta l’azione: nella console puoi controllare utilizzando: _AT.querySelectorAll('<selector>')

    Documento di riferimento per la configurazione del selettore: https://experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=it

  • Gestisci ID duplicati sulla pagina:

    Poiché Target utilizza i selettori della pagina per creare e inviare consigli, è essenziale garantire che la pagina sia conforme ai punti seguenti:

    • Usa classi
    • Utilizza attributi univoci presenti negli elementi
    • Verifica se il selettore corrisponde all’elemento Univoco
    • Rimuovi i nomi di classe dinamici da selettori come attivi, selezionati, ecc.

Assicurati che gli elementi non siano contenuti all’interno di un iframe, poiché il Compositore esperienza visivo carica il contenuto in un iframe in modo che l’iframe all’interno di un iframe principale non funzioni.

Problemi comuni:

  1. Impossibile accedere a Online Banking nel Compositore esperienza visivo per eseguire la modifica dei HTML

    • Per caricare la pagina, Adobe Target VEC richiede l’estensione VEC Helper.
    • Consenti contenuto non sicuro dalle impostazioni del sito.
    • Impostare il Compositore esperienza avanzato come disabilitato.
    • Passa alla pagina nel Compositore esperienza visivo utilizzando "Modalità Sfoglia"
    • Clic  Componi per apportare le modifiche.
  2. Le visualizzazioni di attivazione non sono disponibili nel Compositore esperienza visivo per creare modifiche

    • È possibile che nella pagina vengano utilizzati service worker che non consentirebbero la disponibilità delle visualizzazioni di attivazione. Di seguito sono riportati i passaggi per risolvere questo scenario:

      • Dopo aver caricato la pagina in VEC, assicurati di disabilitare il Compositore esperienza avanzato da Consegna pagine, disabilitare i processi di lavoro dei servizi e abilitare entrambe le opzioni in VEC Helper Extension: Inserisci librerie e cookie di Target.
      • Clic Sfoglia e fai clic su Accetta cookie.
      • Dalla pagina VEC, fai clic su nella barra degli indirizzi e premi Invio affinché la pagina venga aggiornata correttamente nel Compositore esperienza visivo. I nomi delle visualizzazioni devono essere visualizzati anche nella sovrapposizione.
      • Assicurati che Attiva visualizzazioni viene attivata in modo coerente sulla pagina. Le visualizzazioni saranno disponibili solo quando Attiva visualizzazioni  la funzione viene attivata.
  3. Impossibile accedere alle pagine autorizzate nel Compositore esperienza visivo

    • Accedi alla pagina autorizzata in un browser esterno a VEC. Quindi accedi alla pagina in Target, nel Nuovo browser della stessa finestra.
  4. Impossibile accedere alla pagina utilizzando Shadow DOM nel Compositore esperienza visivo di Target

    • Assicurati che la pagina utilizzi la libreria di destinazione più recente
    • Assicurati che tutti i componenti web siano caricati prima che la pagina sia accessibile nel Compositore esperienza visivo
  5. Impossibile accettare i cookie e navigare nel sito web nel Compositore esperienza visivo

    • Accedi al browser dei cookie all’esterno di VEC. Quindi accedi alla pagina in Target, nel Nuovo browser della stessa finestra.

Qui sono elencati anche i problemi più comuni relativi al Compositore esperienza visivo e le relative risoluzioni
Risoluzione dei problemi relativi al Compositore esperienza visivo e Compositore esperienza avanzato

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f