Riquadri di visualizzazione mobile per esperienze reattive

I riquadri di visualizzazione mobili consentono di visualizzare in anteprima il modo in cui le attività Adobe Target si presentano su schermi di varie dimensioni.

La funzione di anteprima del riquadro di visualizzazione mobile è progettata per i siti reattivi con un rendering ottimale su vari dispositivi, finestre e dimensioni di schermo. I siti reattivi si adattano automaticamente a qualsiasi dimensione di schermo, compresi desktop, laptop, tablet o telefoni cellulari.

Un riquadro di visualizzazione è definito dalla dimensione del rettangolo riempito da una pagina web sullo schermo. Il riquadro ha le dimensioni della finestra, escluse le barre di scorrimento e le barre degli strumenti. I browser utilizzano i “pixel CSS”. Per molti dispositivi, ad esempio quelli con schermi retina, il riquadro di visualizzazione è più piccolo della risoluzione del dispositivo pubblicizzato.

Di seguito sono mostrati i riquadri di visualizzazione e le risoluzioni dei dispositivi più diffusi. Ricordati di utilizzare la dimensione del riquadro di visualizzazione in Target.

Per inviare un’attività ai visitatori su un determinato dispositivo, scegli il pubblico appropriato per tale dispositivo nel diagramma delle attività. Utilizza il Compositore web per dispositivi mobili per modificare la pagina nell’attività relativa a tale dispositivo. Per eseguire un’attività nell’intera esperienza digitale per garantirne la visualizzazione ottimale su tutti i dispositivi, non applicare il targeting. Utilizza invece i riquadri di visualizzazione mobili per visualizzare in anteprima l’attività su ogni dimensione di schermo.

Per quanto riguarda i siti reattivi, in genere il sito è progettato per aprirsi in una visualizzazione diversa quando si accede da un dispositivo con una dimensione dello schermo specifica. Le dimensioni dello schermo che attivano le nuove visualizzazioni sono noti come Punti di interruzione CSS. I punti di interruzione CSS sono punti in cui il contenuto del sito web risponde a seconda della larghezza del dispositivo per mostrare ai visitatori il layout ottimale. I punti di interruzione CSS sono anche denominati media query.

Salva i punti di interruzione CSS in Target per poter visualizzare in anteprima le esperienze per ogni visualizzazione che definisci. Ognuna di queste esperienze viene visualizzata in un riquadro di visualizzazione mobile nell’interfaccia di Target. Apri la visualizzazione per ogni dimensione dello schermo cliccando sul riquadro di visualizzazione corrispondente nella parte superiore del display.

Se il sito non è reattivo, puoi comunque utilizzare il compositore web per dispositivi mobili per visualizzare un sito, se l’attività è destinata a un dispositivo specifico.

Configurazione di riquadri di visualizzazione mobili

Configura i riquadri di visualizzazione mobili che desideri rendere disponibili quando crei le tue esperienze.

1. Fai clic su Amministrazione Z Compositore esperienza visivo.

2. Nella sezione Mobile viewports configuration (Configurazione di riquadri di visualizzazione mobili), fai clic su Aggiungi.

   

   Oppure

   Per modificare la configurazione di un riquadro di visualizzazione mobile esistente, seleziona quel riquadro, quindi fai clic sull’icona Modifica (matita).

3. Inserisci un nome per il riquadro di visualizzazione mobile.

   Assegna al riquadro di visualizzazione mobile un nome descrittivo facile da riconoscere. Il nome può essere lungo fino a 36 caratteri.

4. Specifica le dimensioni dello schermo del dispositivo mobile, sia larghezza che altezza.

   La larghezza può essere compresa tra 150 e 968 pixel. L’altezza può essere compresa tra 150 e 1280 pixel.

5. (Facoltativo) Seleziona il sistema operativo del dispositivo.

   Opzioni:

   • Android
   • iOS
   • Windows
   • Symbian
   • BlackBerry

   Se utilizzi il Compositore esperienza avanzato e scegli un sistema operativo, Target emulerà tale dispositivo quando visualizzerai la pagina. Ad esempio, se il sito reattivo si presenta in modo diverso su Android e iOS, Target imita quel comportamento.

6. Fai clic su Salva.

Creazione di un’esperienza reattiva

Aggiungi i riquadri di visualizzazione mobili alle attività di Target per creare esperienze reattive per gli schermi dei cellulari.

1. Crea l’attività desiderata.

2. Nel Compositore esperienza visivo (VEC), fai clic sull’icona a ingranaggio delle Impostazioni, quindi seleziona Aggiungi riquadri di visualizzazione mobili.

   

3. Fai clic sull’icona Dispositivi, quindi attiva tutti i dispositivi che devono avere un riquadro di visualizzazione per dispositivi mobili.

   

   I riquadri di visualizzazione mobili sono elencati dai più piccola ai più grandi secondo la larghezza.

4. Modifica i riquadri di visualizzazione mobili come desideri.

   Tutte le modifiche apportate all’esperienza vengono applicate all’esperienza su tutti i dispositivi. Ad esempio, puoi modificare il testo di un’intestazione.

   Sposta il mouse sul nome di un riquadro di visualizzazione per visualizzarne le dimensioni.

   

5. Se lo desideri, passa dalla modalità verticale a quella orizzontale facendo clic sull’icona dell’orientamento desiderato.

   

Video di formazione

I video seguenti contengono ulteriori informazioni sui concetti descritti in questo articolo.

Compositore esperienza visivo (2 di 2) (7:29)

Il video demo seguente include informazioni sull'utilizzo del Compositore esperienza visivo per lavorare con i riquadri di visualizzazione per dispositivi mobili:

• Rinominare e duplicare un’esperienza
• Creare un’esperienza con reindirizzamento
• Indirizzare un’attività a un singolo URL o a un gruppo di URL
• Creare un’attività multipagina
• Creare un’esperienza e visualizzarne l’anteprima per i siti web reattivi
• Evidenziare tipi di elementi con le sovrapposizioni

Preferenze account in Adobe Target

Questo video include informazioni sulla configurazione dei riquadri di visualizzazione per dispositivi mobili, a partire dal minuto 4:40.

Risorse Business.Adobe.com

Ab Multivariate Testing Omnichannel Personalization Email Optimization Website Personalization Behavioral Targeting Multivariate Testing