Realizzazione di editor di intercettazioni indipendenti ottimizzati per i dispositivi mobili
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 come rendere gli editor di intercettazioni ottimizzati per i dispositivi mobili
I nuovi editor di intercettazioni sono costruiti in modo da includere l’ottimizzazione per i dispositivi mobili fin dall’inizio, richiedendo meno impostazioni per l’utilizzo sui dispositivi mobili. Questi editor di intercettazioni, adatti ai dispositivi mobili, includono finestre di dialogo reattive, pulsanti di feedback e template di feedback incorporati.
Tuttavia, ci sono editor di intercettazioni che appaiono belli sul desktop, ma troppo grandi su uno schermo mobile. Questo perché le vecchie creazioni non hanno l’ottimizzazione mobile incorporata e richiedono una configurazione aggiuntiva per funzionare bene sugli schermi mobili. Questa pagina spiega come ottimizzare le creazioni autonome come pop over, barre informative e slider per un’esperienza di navigazione mobile.
Consiglio Q: state cercando di raccogliere feedback su un’applicazione mobile piuttosto che su un sito mobile? Consultate invece la pagina Embedded App Feedback.
Risoluzione dello schermo
È possibile visualizzare un’Intercetta o una Serie di azioni in base al tipo di dispositivo. Tuttavia, i dispositivi mobili possono essere di diverse dimensioni, il che potrebbe richiedere più di due versioni (desktop e mobile) di un Editor di intercettazioni. Nel caso di alcuni tablet, l’Editor di intercettazioni che ha un aspetto migliore sul desktop potrebbe funzionare bene sul tablet.
Invece di basare la logica di visualizzazione sul tipo di dispositivo, è meglio generare editor di intercettazioni di dimensioni diverse e basare la logica delle intercettazioni sulle dimensioni dello schermo.
Logica della risoluzione dello schermo
È possibile basare la logica dell’Intercetta o dell’Insieme di azioni sulla risoluzione dello schermo. Non si è limitati a dimensioni esatte: ad esempio, forse gli schermi inferiori a 500px ricevono un Editor di intercettazioni e quelli superiori a 500px un altro.
Per le istruzioni passo-passo e la lista delle dimensioni comuni degli schermi, fare clic sulla pagina di supporto collegata.
Impostazione del progetto
Formattazione di destinazioni incorporate
Un COLLEGAMENTO INCORPORATO non è un semplice collegamento, come un normale Destinazione, ma una finestra incorporata nella Creativa in cui viene mostrato il sito o il sondaggio di destinazione.
Molte persone preferiscono che il sondaggio incorporato nel Sondaggio non abbia barre di scorrimento. La pagina Formattazione delle destinazioni incorporate illustra le modifiche che si possono apportare al sondaggio per raggiungere questo obiettivo.
FAQs
Ho attivato il mio sistema di intercettazione, ma non compare sul mio sito. Perché no?
Ho attivato il mio sistema di intercettazione, ma non compare sul mio sito. Perché no?
- Logica: la logica di targeting dell’intercettazione e quella della serie di azioni sono le condizioni che devono essere soddisfatte affinché un’intercettazione venga visualizzata a 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 “Contiene” rispetto a "È" 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.
- Modifiche agli intercetti: quando si apportano modifiche agli intercetti, queste non vengono rese effettive finché l'intercetto non viene pubblicato. 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'intercettazione non venga visualizzata su 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. Deve essere preceduto da un ? o da un &, come negli esempi seguenti: https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Per gli intercetti il cui codice di distribuzione è stato implementato dopo marzo 2019, esegui il seguente frammento di codice JavaScript nella Console della tua pagina web:
QSI.API.unload();
QSI.isDebug = true;
QSI.API.load();
QSI.API.run();Consiglio Q: il debugger di Website Insights non funziona se il codice è stato implementato tramite un tag manager. Inoltre, se l'URL contiene già una stringa query che inizia con un ?, il debugger richiederà invece un &.
- Richieste di rete: la maggior parte dei browser dispone di un menu dedicato agli strumenti di sviluppo che consente all'utente di visualizzare il codice sorgente di un sito, le risorse, i cookie e le richieste di rete. 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 alla Content Security Policy: se ricevi un log della console che segnala una violazione della Content Security Policy, è molto probabile che sul tuo sito web sia presente una restrizione che impedisce l’attivazione dei nostri intercettatori. Si consiglia di contattare il team di sviluppo web per risolvere il problema. Per garantire il corretto funzionamento delle intercettazioni, in genere consigliamo di inserire i seguenti elementi nell'elenco delle eccezioni (allowlist) nelle intestazioni della Content Security Policy:
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.qualtrics.com
- Gestione degli URL nelle applicazioni a pagina singola (SPA ): se il tuo sito utilizza un framework per applicazioni a pagina singola (SPA ), assicurati che il tuo codice triggeri la funzione history.pushState() durante la navigazione tra le diverse viste. Alcuni framework possono renderizzare o aggiornare l'URL senza inserire una nuova voce nella cronologia, impedendo così l'attivazione delle intercettazioni. Se utilizzi useEffect o hook di lifecycle simili, assicurati che la tua logica di intercettazione venga eseguita al termine della navigazione.
Ho creato il mio intercettore, ma vorrei testarlo prima di attivarlo. Come posso farlo?
Ho creato il mio intercettore, ma vorrei testarlo prima di attivarlo. Come posso farlo?
Come faccio ad avere un creativo più piccolo sui dispositivi mobili?
Come faccio ad avere un creativo più piccolo sui dispositivi mobili?
Se invece si sceglie di fare un pop over o un creativo più vecchio, è qui che si utilizzerebbero più set di azioni. Si disporrà di diversi set di azioni per dispositivi mobili e desktop. Si disporrà inoltre di due diversi creativi per dispositivi desktop e mobili.
È fantastico! Grazie per il tuo feedback!
Grazie per il tuo feedback!