Feedback incorporato templatizzato
Cosa puoi trovare in questa pagina
Consiglio Q: se non avete accesso a nessuna delle funzioni descritte in questa pagina, contattate il vostro Account Executive. Per ulteriori informazioni sulle differenze tra Digital Feedback e CUSTOMERXM for Digital, vedere Digital Feedback vs. CustomerXM per Digital.
Informazioni su Templated Embedded Feedback
Che si tratti di un blog di marketing, di documentazione di supporto, di risorse per sviluppatori o di un altro sito, i contenuti devono essere sempre aggiornati. Quando un sito web cresce di dimensioni, può diventare più difficile concentrare gli sforzi di miglioramento. È anche importante stabilire se i contenuti prodotti sono efficaci e misurarne l’impatto.
Il contenuto incorporato di template feedback rende molto semplice la raccolta di dati sui contenuti eseguiti. È possibile incorporare una semplice domanda di utilità nei contenuti del sito, in modo che i visitatori possano valutare i contenuti e persino fornire feedback direttamente sulla pagina.
Consiglio Q: Utilizziamo una versione personalizzata del template embedded feedback per raccogliere i feedback dei clienti sul nostro sito di assistenza. Vedere il sondaggio “È stato utile?” alla fine di ogni sezione. Si noti che, ad eccezione dell’implementazione personalizzata sul nostro sito di supporto, i feedback possono essere incorporati solo in pagine uniche, non in singole sezioni di una pagina.
Attenzione: Se si utilizza un Criterio di sicurezza dei contenuti (CSP) sul sito web con cui si desidera distribuire un contenuto incorporato templato, è necessario consentire il dominio *.qualtrics.com.
Consiglio Q: questa funzione si chiamava Embedded Feedback.
Creazione di feedback incorporati templati
Consiglio Q: per le ultime fasi di configurazione e i dettagli sul lancio, è possibile consultare anche la sezione Creazione di intercettazioni guidate.
Personalizzare il contenuto
Attenzione: Per la funzione di feedback incorporato templato, non è necessario creare un sondaggio separato. Questa funzione si occuperà automaticamente di creare un sondaggio per voi nel back-end, senza alcun lavoro aggiuntivo da parte vostra.
Quando si crea un modello di contenuto incorporato di feedback, la prima sezione consente di personalizzare il contenuto della creatività, comprese le domande, l’aspetto dei pulsanti e così via. Sul lato destro dello schermo, l’anteprima si aggiorna in base alle impostazioni aggiunte e si può anche fare clic sui pulsanti per verificare l’aspetto del messaggio di ringraziamento o della domanda di follow-up.
Consiglio Q: non fare clic su “Avanti” finché non si è soddisfatti dell’Aspetto e tema o delle traduzioni.
Aspetto e atmosfera
La sezione Aspetto e tema consente di regolare il layout, la ponderazione del testo e i colori dell’editor di intercettazioni.
- Layout: L’orientamento della domanda rispetto alle scelte della domanda.
- Affiancato
- In pila
- Peso del testo: Il peso del testo della domanda. Può essere normale, grassetto o corsivo.
- Colore del testo: il colore del testo della domanda.
- Personalizzazione dei pulsanti: I colori che si possono modificare dipendono dal formato e dallo stile scelti in precedenza.
- Sì/No: modifica il colore del testo del pulsante, del bordo del pulsante e del riempimento del pulsante.
- Ups ups/thumbs down: Modifica del colore del contorno (bordo) e del riempimento del pulsante.
- Emoji: Nessuna personalizzazione: i colori sono preimpostati.
- Stelle: Cambia il colore del contorno (bordo) della stella. Questo è anche il colore con cui la stella si riempirà quando l’intervistato vi passerà sopra/selezionerà la stella.
- Colore del pulsante di invio: il pulsante di invio appare solo se avete incluso una domanda di follow-up; il pulsante di invio è il modo in cui il visitatore indica che è pronto a inviare un feedback. Questa impostazione consente di modificare il colore di riempimento.
- Colore del testo del pulsante di invio: modifica il colore del testo del pulsante di invio.
- Personalizzare il CSS: Personalizzare il CSS del template del feedback incorporato come desiderato. Le modifiche apportate qui non si rifletteranno nell’anteprima; ricordarsi di testare l’intercetta prima di distribuirla.
Attenzione: Il codice seguente è fornito così com’è e richiede conoscenze di programmazione per essere implementato. Il Supporto Qualtrics non offre assistenza o consulenza riguardo alla programmazione personalizzata. Puoi sempre provare a chiedere alla nostra community di utenti esperti.
- Utilizzare un modello: Utilizzare un tema del sondaggio come modello per le impostazioni di stile del creativo. In questo modo si importeranno le impostazioni del colore primario e del colore secondario del tema del sondaggio.
Consiglio Q: le impostazioni dell’editor di intercettazioni sono scollegate dal tema utilizzato come modello. Le impostazioni della creativa non si aggiornano se il tema del modello cambia e la modifica delle impostazioni della creativa non cambia il tema del modello.
Consiglio q: se si desidera personalizzare ulteriormente i colori dell’editor di intercettazioni incorporato, è possibile utilizzare i menu a discesa dei colori nella sezione Aspetto e tema.
Selettore CSS
Specificare la posizione della pagina web in cui si desidera che appaia l’intercetta di feedback incorporata nel modello. È possibile farlo inserendo un valore di selettore CSS che punta all’elemento della pagina che deve contenere il feedback incorporato templato.
Esempio: Volete aggiungere la vostra intercetta alla sezione “Supporto Qualtrics” nella pagina del supporto Qualtrics. È possibile aprire gli strumenti di sviluppo del browser per trovare il selettore CSS dell’elemento in cui si desidera inserire l’intercetta.Una volta evidenziato l’elemento corretto, fare clic con il pulsante destro del mouse per copiare il selettore. Il selettore deve essere una lunga stringa di CSS. In questo caso, il selettore copiato è “#content > div.quni-homepage.main-content > div > div > div.main-content-wrapper.spacing-sm-bottom > div > div.q-xm.logo-fix.ng-scope > section > div > div:nth-child(1) > div > h1”.
Una volta copiato il selettore CSS, incollarlo nella finestra mostrata qui sotto e fare clic su Salva selettore CSS.
Consiglio Q: se il selettore CSS viene lasciato vuoto o non è valido, negli strumenti per sviluppatori verrà visualizzato un errore contenente il testo “DOMException: Document.querySelectorAll” Si noti che questo errore non viene generato se il selettore è valido ma l’elemento non è presente nella pagina. Ad esempio, se si inserisce un selettore CSS di “#.<tes,t”, l’errore verrà segnalato, ma se si inserisce un selettore di “h1” e non ci sono elementi h1 nella pagina, l’errore non verrà segnalato.
Consiglio Q: si noti che i feedback incorporati con template possono essere aggiunti solo alla fine di un DIVISORE o di un CSSSelector.
Acquisizione dell’URL della pagina, della durata totale e del titolo della pagina
- CurrentPageUrl impostato su un valore di URL della pagina corrente
- PageTitle impostato su un valore di JavaScript
- TotalDuration impostato su Time Spent on Site (tempo trascorso sul sito)
Per PageTitle, occorre impostare il valore da JavaScript, in modo da poter catturare il titolo della pagina web. Ma come?
Se si utilizza Google Chrome, è sufficiente selezionare il titolo della pagina, fare clic con il pulsante destro del mouse e selezionare l’opzione Ispeziona. Si aprirà la finestra degli strumenti per sviluppatori di Chrome, che dovrebbe avere il seguente aspetto. Fare clic con il tasto destro del mouse sull’elemento HTML corrispondente e copiare il selettore, come mostrato di seguito.
Il risultato dovrebbe essere simile a questo:
#primaCapo Con il seguente JavaScript, è possibile ottenere il valore del titolo della pagina dall’elemento HTML:
document.querySelector("#firstHeading").textContent È possibile modificare il testo in grassetto, a seconda del risultato del selettore.
Consiglio Q: è possibile eseguire una prova nella console degli Strumenti per sviluppatori di Chrome per vedere come appare il valore.
Ora che abbiamo il codice JavaScript, inseriamolo nel valore del campo DATI INTEGRATI “PageTitle”, come mostrato in precedenza. Al termine, fare clic su Avanti sui Dati integrati.
SONDAGGI INCORPORATI
Quando si crea un Template Embedded Feedback, viene generato automaticamente un sondaggio. Per visualizzare questo sondaggio e i suoi dati, andare in Ups, vedere Sondaggio collegato e fare clic sul nome del sondaggio.
Attenzione: È possibile accedere a questo sondaggio creativo solo aprendo il Template Embedded Feedback, come descritto sopra. Questo sondaggio non può essere trovato direttamente nella pagina Progetti, anche se si dispone dell’ID del sondaggio (ad esempio, SV_XXXXX).
Capacità del sondaggio
- Scheda Flussi di lavoro: Trigger diverse attività all’interno di Qualtrics in base ai risultati dei sondaggi ricevuti. Ad esempio, create ticket per il vostro team di redazione quando i visitatori esprimono insoddisfazione per i contenuti, oppure inviate un’e-mail a un manager ogni volta che ricevete un feedback altamente positivo. Consiglio Q: la scheda Flussi di lavoro è attualmente accessibile solo all’utente che ha creato il sondaggio di feedback incorporato.
- DATI E ANALISI; Scheda Analisi: Filtrare le risposte raccolte, esportare le risposte, effettuare analisi del testo, modificare o rimuovere le risposte e altro ancora.
- Scheda RISULTATI: Creare dashboard dinamici che riportino i vostri dati.
- Scheda RAPPORTI: Visualizzazione dei risultati con rapporti stampabili.
Rapporti sui dati
Potete visualizzare e analizzare questi dati come fareste con qualsiasi altro sondaggio. Ecco alcune idee per iniziare.
- Esportazione dei dati delle risposte
- Filtro dei dati di risposta
- Panoramica di base sui Rapporti Avanzati
- Dashboard dei risultati Panoramica di base
- Iniziare con le Dashboard CX
Consiglio: quando si aggiungono i dati INTEGRATI di un sondaggio come fonte a una dashboard, questi appariranno tra i sondaggi e avranno lo stesso nome dell’intercettazione di feedback incorporata, ma con l’aggiunta di “- Sondaggio” alla fine.
Modifica del sondaggio
Il sondaggio collegato al sondaggio incorporato con un modello di feedback può essere modificato visivamente solo attraverso l’intercetta. Vedere Personalizzazione del contenuto e dell’aspetto e tema per modificare la formulazione o l’aspetto del sondaggio.
Collaborazione ai feedback incorporati templati
Attenzione: Per condividere le risposte del sondaggio, è necessario essere il proprietario dell’intercetta (cioè l’utente che l’ha creata). Gli utenti con cui si collabora avranno bisogno dell’autorizzazione Website Feedback chiamata Manage Progetti.
In qualità di proprietario dell’intercetta, è possibile condividere i feedback integrati templati con altri utenti della licenza che devono visualizzare i dati del sondaggio. Condividere la propria intercetta:
Risoluzione dei problemi relativi al feedback incorporato templatizzato
Questa sezione illustra come risolvere i problemi di visualizzazione con l’editor di intercettazioni incorporato templato. È possibile utilizzare questi passaggi per verificare quando e dove viene visualizzata l’intercetta sul sito.
FAQs
Ho attivato la mia intercetta, ma non è visibile sul mio sito. Perché no?
Ho attivato la mia intercetta, ma non è visibile sul mio sito. Perché no?
- Logica: la logica di destinazione dell'intercetta e la logica dell'insieme di azioni sono le condizioni che devono essere soddisfatte affinché un'intercetta venga visualizzata da un visitatore. La verifica di questa logica sarà utile per scoprire perché l'Intercetta non viene visualizzata nella pagina.
- Insiemi logici che utilizzano "Contiene": Una causa comune di errore logico è l'uso di "Contains" rispetto a "Contain". "È" Dire che una condizione "Contiene" significa che il parametro su cui si basa la logica (ad esempio, l'URL corrente) avrà il valore specificato, oltre a ulteriori informazioni. Ad esempio, se avessi una logica di visualizzazione del tipo L'URL corrente contiene 'qualtrics', l'intercettazione verrebbe visualizzata su qualsiasi URL in cui è presente la parola qualtrics. L'altra possibilità che avete è quella di utilizzare l'URL corrente è [URL]. Questa condizione dipende dalla corrispondenza esatta dell'URL visitato. Eventuali differenze o caratteri aggiuntivi impediranno il passaggio della logica di intercettazione.
- Revisioni delle intercettazioni: Quando si apportano modifiche alle intercettazioni, le modifiche non vengono rese effettive finché l'intercettazione non viene pubblicata. Quando si pubblica un'Intercetta, viene salvata una versione dell'intercetta, o una "revisione". Valutare le revisioni effettuate è molto utile per individuare eventuali modifiche che potrebbero aver improvvisamente impedito la comparsa dell'intercetta.
- Finestra di debug: La finestra di debug è uno strumento prezioso per verificare perché un'intercetta non viene visualizzata in una determinata pagina.
Per le intercette il cui codice di distribuzione è stato implementato prima di marzo 2019, per abilitare la finestra di debug, aggiungere una stringa query a qualsiasi URL chiamata Q_DEBUG. Il prefisso deve essere preceduto da un ? o da una &, come negli esempi seguenti: https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Per le intercette il cui codice di distribuzione è stato implementato dopo marzo 2019, eseguire il seguente frammento JavaScript nella console della pagina web:QSI.API.unload(); QSI.isDebug = true; QSI.API.load(); QSI.API.run();La finestra di debug scompone tutte le condizioni necessarie per la visualizzazione delle intercette in esecuzione sull'URL. Se si scopre che un'intercetta non viene visualizzata, individuarla nella finestra di debug e identificare eventuali avvisi di errore rossi.Consiglio Q: il debugger di Website Insights non funziona se il codice è stato implementato con un tag manager. Inoltre, se l'URL ha già una stringa query con un ?, il debugger richiederà invece un &. - Richiesta di rete: La maggior parte dei browser possiede un menu di strumenti per sviluppatori che consente all'utente di vedere il codice sorgente, le risorse, i cookie e le chiamate di rete di un sito. Website Insights ha una presenza distinta nella sezione Rete di questi strumenti. Per verificare l'esecuzione di questi script, aprire gli strumenti per sviluppatori e navigare nella sezione Rete. Una volta qui, ricaricare la pagina web e il menu dovrebbe iniziare a popolarsi con tutte le richieste di rete effettuate dal sito web. Per identificare il codice di Website Insights, cercare le chiamate che iniziano con ?Q_ZID o ?Q_SID. È il codice stesso che esegue i controlli sulla logica di visualizzazione. Se non si trova nulla che corrisponda a questo formato, c'è un problema nell'implementazione del codice del progetto. È possibile consultare la nostra pagina di supporto sull'implementazione per avere consigli su dove è meglio posizionare il codice.
- Problemi relativi ai criteri di sicurezza dei contenuti: Se si riceve un log della console che viola un criterio di sicurezza dei contenuti, è molto probabile che vi sia una restrizione sul vostro sito web che blocca la distribuzione delle nostre intercettazioni. Si consiglia di contattare il team di sviluppo web per risolvere il problema. Per garantire il funzionamento delle intercettazioni, in genere si consiglia di consentire l'inserimento dei seguenti elementi nelle intestazioni dei criteri di sicurezza dei contenuti:
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.qualtrics.com
- Gestione degli URL SPA: Se il vostro sito utilizza un framework per applicazioni a pagina singola (SPA), assicuratevi che il vostro codice faccia triggerare history.pushState() durante la navigazione tra le viste. Alcuni framework possono renderizzare o aggiornare l'URL senza inserire una nuova voce nella cronologia, impedendo così l'attivazione delle intercettazioni. Se si utilizza useEffect o ganci simili per il lifecycle, assicurarsi che la logica di intercettazioni venga eseguita al termine della navigazione.
Qual è la differenza tra il codice di zona e il codice intercetta? Ora che si chiama “codice progetto” nella nuova interfaccia, che cosa significa?
Qual è la differenza tra il codice di zona e il codice intercetta? Ora che si chiama “codice progetto” nella nuova interfaccia, che cosa significa?
Le zone (ora "Progetti") fungono da collezioni per più creativi e intercettazioni. I codici zona contengono tutte le intercettazioni della zona. Questo ti permette di implementare un unico codice sul tuo sito invece di aggiungere continuamente codici per singole intercettazioni. Ciò consente di risparmiare molto tempo, poiché ogni volta che si attiva il contenuto nella zona, questo viene aggiunto automaticamente al codice, senza necessità di modifiche.
I progetti sono l'equivalente delle zone, quindi il codice di implementazione del progetto è l'equivalente dei vecchi codici di zona.
Ho costruito la mia intercetta ma vorrei testarla prima dell'attivazione. Come posso farlo?
Ho costruito la mia intercetta ma vorrei testarla prima dell'attivazione. Come posso farlo?
Che differenza c'è tra INTERCETTAZIONI standalone, INTERCETTAZIONI GUIDATE e EDITOR DI INTERCETTA?
Che differenza c'è tra INTERCETTAZIONI standalone, INTERCETTAZIONI GUIDATE e EDITOR DI INTERCETTA?
intercettazioni guidate consistono nella creazione di funzioni come finestre di dialogo reattive, feedback incorporati templati, pulsanti di feedback e feedback incorporati nell'app, utilizzando questi passaggi. Conosciute anche come configurazioni guidate, le intercettazioni guidate combinano l'elemento visivo di una creatività e le impostazioni di una creatività in un unico flusso facile da seguire che vi guiderà dall'inizio alla fine. I
creativi guidati sono quelli che creano funzioni come finestre di dialogo reattive, feedback incorporati templati, pulsanti di feedback e feedback incorporati nell'app utilizzando invece questi passaggi. Con una creatività guidata, è necessario creare un'intercetta separata a cui abbinarla. Si ottiene ancora l'editor di intercettazioni migliorato, ma non il resto della configurazione guidata.
Ho creato una finestra di dialogo reattiva come editor di intercettazioni, ma voglio utilizzarla come intercettazioni guidate. Posso sostituirlo?
Ho creato una finestra di dialogo reattiva come editor di intercettazioni, ma voglio utilizzarla come intercettazioni guidate. Posso sostituirlo?
Posso salvare le configurazioni guidate nella libreria?
Posso salvare le configurazioni guidate nella libreria?
È fantastico! Grazie per il tuo feedback!
Grazie per il tuo feedback!