Feedback integrato personalizzato
Informazioni sugli editor di intercetta di feedback integrati personalizzati
Il feedback integrato personalizzato consente di creare contenuti personalizzati visualizzati come parte della pagina. Questo contenuto personalizzato può essere qualsiasi cosa, da un annuncio a un sondaggio incorporato.
Esempio: In questa cattura dello schermo, un sondaggio appare incorporato nella pagina web dopo che un visitatore ha completato un pagamento. Il sondaggio è costruito nella piattaforma dei sondaggi e incorporato sulla pagina utilizzando un editor di intercetta del feedback incorporato personalizzato.
Il feedback integrato personalizzato è più evidente di un editor di intercetta più passivo, come il pulsante di feedback, mentre non travolge mai i visitatori del sito web interrompendo ciò che stanno facendo. In un mondo in cui i clienti sono formati a fornire rapidamente feedback dopo un’interazione, integrare il feedback personalizzato direttamente nella tua pagina consente agli intervistati di fornire feedback durante un’esperienza.
Creativi personalizzati di feedback incorporato possono anche essere utili per la gestione dei contenuti, consentendoti di scegliere quali sondaggi mostrare a tipi specifici di visitatori del sito web.
Esempio: Nello screenshot qui sotto, chiediamo ai visitatori per cosa stanno comprando oggi. Se scelgono scarpe, possiamo reindirizzarle direttamente alla sezione Scarpe del nostro sito web.
Implementazione del feedback integrato personalizzato
- Genera un editor di intercetta del feedback integrato personalizzato.
Attenzione: il nome del tuo editor di intercetta non può superare i 100 caratteri.
- Chiedi al tuo team web di designare un “contenitore” sul tuo sito web in cui verrà inserito il tuo feedback incorporato personalizzato. Questo spazio dovrebbe includere un elemento HTML con un attributo ID. Identificare e copiare l’ID HTML tra virgolette.
In molti casi, un tag HTML con un ID esiste già nella posizione corretta e non sono necessarie modifiche del sito.Qtip: utilizzare la funzione “Controlla elemento” del browser per determinare l’ID HTML di un elemento. Nella maggior parte dei browser, è sufficiente fare clic con il tasto destro del mouse sulla parte della pagina che si desidera controllare e selezionare “Controlla” o “Controlla elemento”. - Crea un’intercetta.
- Nel menu Opzioni dell’azione della tua intercetta, seleziona Opzioni avanzate.
- Incolla l’ID HTML del tuo contenitore di destinazione nel campo Punto di inserimento creativo.
- Fare clic su Salvare.
- Quando un visitatore arriva a questa pagina del tuo sito web, Qualtrics cercherà l’elemento HTML con l’ID che hai specificato e inserirà il tuo editor di intercetta in quel contenitore div.
Opzioni personalizzate di feedback integrato
Nella sezione Opzioni del tuo editor di intercetta, troverai impostazioni specifiche per i creativi di feedback incorporato personalizzati.
Dimensionamento
Per impostazione predefinita, gli editor di intercetta feedback incorporati personalizzati hanno una dimensione specifica. Questa dimensione è la dimensione che il tuo editor di intercetta sarà visualizzato, indipendentemente dalle dimensioni dello schermo su cui è attivo.
Per ridimensionare dinamicamente il tuo editor di intercetta per adattarlo a diverse dimensioni e tipi di schermo, controlla Ridimensionare destinazione per adattarla alle dimensioni del contenitore di inserimento. Giè ridimensionerà automaticamente l’editor di intercetta in modo che corrisponda alle dimensioni (lunghezza e larghezza) del contenitore configurato quando implementazione di feedback integrato personalizzato .
Quando Ridimensiona destinazione per adattarla alle dimensioni del contenitore di inserimento è selezionato, ci sono 2 opzioni aggiuntive che è possibile selezionare:
- Ridimensiona destinazione per adattarlo all’altezza sondaggio: Se questa opzione è selezionata, viene visualizzata l’altezza completa del sondaggio e l’altezza non viene determinata dalle dimensioni del contenitore.
- Bloccare il rapporto aspetto destinazione durante il ridimensionamento: Quando selezionato, le proporzioni originali dell’editor di intercetta vengono mantenute.
Consiglio Q: La selezione di questa opzione impedirà a testo, immagini e pulsanti di cambiare dimensione anche quando l’editor di intercetta viene ridimensionato per adattarsi al contenitore.
Posizionamento personalizzato
A volte il tuo feedback integrato personalizzato può essere più piccolo del contenitore di destinazione in cui verrà inserito sul tuo sito web. In questo caso, è possibile utilizzare il Posizionamento personalizzato per specificare dove, in relazione al contenitore di destinazione, verrà visualizzato l’HTML.
Per un maggiore controllo sul posizionamento, puoi controbilanciare la posizione X o Y dell’editor di intercetta dalla sua posizione iniziale o selezionare Correggi su pagina in modo che il feedback incorporato personalizzato segua il visitatore mentre scorrono.
Sostituisci i contenuti del contenitore di destinazione
Per impostazione predefinita, quando un editor di intercetta del feedback incorporato personalizzato viene inserito in una pagina, sostituisce il contenuto esistente dell’elemento HTML di destinazione. Questa opzione sarà selezionata come Sostituisci contenuti del contenitore di destinazione.
Aggiungi al contenitore di destinazione
Anziché sostituire il contenuto del contenitore di destinazione, è possibile selezionare Aggiungi a contenitore di destinazione per posizionare l’editor di intercetta all’interno del contenitore di destinazione, ma dopo qualsiasi contenuto esistente.
Inserisci prima del contenitore di destinazione
Questa opzione consente di inserire il feedback integrato personalizzato prima del contenitore di destinazione.
Inserisci dopo il contenitore di destinazione
Questa opzione consente di inserire il feedback integrato personalizzato dopo il contenitore di destinazione.
Una nota sull’indice Z
L’indice Z è una proprietà CSS che specifica quali elementi della pagina Web devono trovarsi in cima quando gli elementi si sovrappongono. Per impostazione predefinita, i creativi avranno un indice z più alto rispetto agli altri elementi nella pagina in modo che siano sempre in cima.
Di solito è meglio, ma in alcuni casi questo potrebbe non essere preferibile. Ad esempio, un menu a discesa potrebbe essere coperto dal feedback integrato personalizzato.
Per regolare l’indice z del feedback integrato personalizzato:
- Andare alla pagina Web che visualizza l’editor di intercetta e aprire lo strumento Strumenti sviluppatore o Controlla elemento.
- Identificare la classe div che inizia con “QSI” e copiare ciò che si trova tra virgolette. Quindi, sostituire lo spazio tra “QSIUserDefinedHTML” e la stringa che inizia con “SI_” con un punto (.). Nell’esempio seguente, copiare:
QSIUserDefinedHTML SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
e, dopo aver sostituito lo spazio con un periodo, ora abbiamo:
QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
- Nel tuo account Qualtrics, vai al Modifica sezione per il tuo editor di intercetta.
- Fare doppio clic su qualsiasi elemento per modificarlo o crearne uno nuovo vuoto.
Avviso: si consiglia di non aggiungere l’elemento CSS con indice Z a una destinazione integrata perché potrebbero verificarsi problemi con altre parti della pagina che vengono accidentalmente coperte. Tuttavia, l’aggiunta dell’indice Z ad altri tipi di elemento è opportuna.
- Fare clic su Sorgente nella parte superiore dell’editor di contenuti avanzati per accedere alla view HTML.
- Prendere il codice di seguito (inclusi i tag di stile) e incollarlo nell’origine.
<style type="text/css"> .QSIUserDefinedHTML{z-index:1;} </style>
- Sostituire il “QSIUserDefinedHTML” con l’ID recuperato nella fase 2 e sostituire il valore dell’indice z con quello appropriato per la pagina Web.
<style type="text/css"> .QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer{z-index:1;} </style>
- Se il codice del progetto è già nel codice sorgente del tuo sito web, fai clic sul pulsante Pubblica per inserire le modifiche nel tuo sito.
- Se il codice non è nel codice sorgente del tuo sito web, puoi testare l’editor di intercetta sul tuo sito web utilizzando Test Intercept e confermare che tutto è stratificato correttamente.
- Se la definizione dei livelli non è ancora corretta, si potrebbe prendere in considerazione la possibilità di modificare il valore dell’indice z in un numero maggiore per impilare il creativo più in alto nella pagina o un numero più piccolo (anche negativo) per impilarlo più in basso.