Esempi di app Facebook

Quando un utente fa clic sulla scheda di un'applicazione Facebook, questa viene visualizzata in uno spazio largo 810 pixel. Adobe Campaign utilizza un’applicazione web di tipo Facebook per consentire di definire e personalizzare il contenuto visualizzato nell’applicazione Facebook, facilitando quindi l’acquisizione dei profili.

Gli esempi di applicazioni web di tipo Facebook descritti di seguito sono:

• Come creare un'applicazione Facebook in 7 passaggi. Fare riferimento a Avvio rapido: creazione di un'applicazione Facebook in 7 passaggi.
• Come inoltrare le impostazioni a un'applicazione Facebook. Fare riferimento a Come inoltrare le impostazioni a un'applicazione Facebook?.
• Come acquisire i dati della ventola. Fare riferimento a Come acquisire i dati della ventola?.

Raccomandazioni

Le seguenti limitazioni sono collegate direttamente a Facebook:

• Devi creare tutte le tue applicazioni web in HTTPS.
• Un'applicazione Facebook visualizzata tramite una scheda ha una larghezza di 810 pixel.

Avvio rapido: creazione di un'applicazione Facebook in 7 passaggi

Questo esempio fornisce un processo dettagliato su come visualizzare un’applicazione integrata in Adobe Campaign in Facebook. In questo caso, vogliamo creare un'applicazione che ti consenta di visualizzare il messaggio Benvenuto quando l'utente fa clic sulla scheda dell'applicazione (App01).

Per creare questa applicazione, esegui i seguenti passaggi:

1. Crea un'applicazione su Facebook ( https://developers.facebook.com/apps). Per ulteriori informazioni, consulta: Creazione di un'applicazione Facebook.

   

2. Crea un account esterno di tipo Facebook Connect e immetti i parametri dell’applicazione Facebook. Per ulteriori informazioni, consulta: Configurazione di account esterni.

   

3. Immetti i collegamenti Terms of service e Privacy policy da visualizzare nella schermata di richiesta delle autorizzazioni di Facebook. Per ulteriori informazioni, consulta: Inserimento dei termini del servizio e dei collegamenti all'informativa sulla privacy.

   

4. Crea un'applicazione web di tipo Facebook in Adobe Campaign. Per ulteriori informazioni, consulta: Creazione di un'applicazione Web di tipo Facebook.

   

5. Modifica l'applicazione web. In questo esempio, abbiamo aggiunto un’attività Page e definito un titolo per essa.

   

6. Distribuisci l'applicazione.

   

7. Configura l’applicazione Facebook in modo che venga visualizzata come una scheda nella pagina Facebook. Per ulteriori informazioni, consulta: Configurazione delle schede Facebook.

   

Controlla che la scheda dell'applicazione App01 sia visualizzata sulla tua pagina Facebook. Facendo clic su di essa, viene visualizzato un messaggio Benvenuti .

Come inoltrare le impostazioni a un'applicazione Facebook?

Nell’esempio 1, abbiamo personalizzato la visualizzazione della pagina Facebook in base al valore nel campo Fan of the page . È inoltre possibile elaborare il campo Application settings . Questo campo ti consente di recuperare i dati contenuti in un collegamento generato da Adobe Campaign tramite Facebook.

Prendiamo l’esempio di un’azienda che decide di inviare una campagna e-mail. Nella consegna, un collegamento punta all’applicazione Facebook. Questo collegamento è personalizzato grazie al parametro app_data aggiunto alla fine dell’URL. Il valore di questo parametro potrebbe essere un indicatore che riflette la significatività del cliente. Nel nostro esempio, i valori del parametro app_data sono big (cliente significativo) e small (cliente meno significativo).

Una volta personalizzato, l’URL si presenta così:

• http://<path of the Facebook application>&app_data=big (per un cliente significativo)
• http://<path of the Facebook application>&app_data=small (per un cliente meno significativo)

Tra i dati anonimi inoltrati ad Adobe Campaign da Facebook, viene raccolto il valore del campo Application parameters, consentendo così ad Adobe Campaign di personalizzare la visualizzazione dell’applicazione in base a questo parametro.

Se l’utente è un cliente significativo (il valore del parametro app_data è big), viene visualizzata l’immagine seguente:

Se l’utente è un cliente meno significativo (il valore del parametro app_data è small), viene visualizzata l’immagine seguente:

Per ricreare questo caso d’uso, abbiamo creato un’applicazione web composta dai seguenti elementi:

• Un'attività Test basata sul campo Application parameter.
• due pagine che contengono le immagini da visualizzare in base al valore del campo Application parameter .

Come acquisire i dati del ventilatore?

Questo esempio mostra come entrare in contatto con gli utenti di Facebook e offrire loro la condivisione delle informazioni sul loro profilo. Prendiamo l'esempio di un'azienda che vuole acquisire prospettive e organizza un concorso sulla sua pagina Facebook per attrarle.

Ogni volta che un utente fa clic sulla scheda App03 , gli chiediamo se desidera partecipare al concorso.

Se decidono di partecipare al concorso, offriamo loro di condividere le loro informazioni di profilo.

Se accettano di condividere le informazioni, viene visualizzata la seguente schermata.

Per creare questo caso d’uso, abbiamo creato un’applicazione web che include i seguenti elementi:

• un’attività Test
• tre pagine
• un'attività Access control
• un’attività Pre-loading
• un’attività Save
• un'attività End

Attività di test

L’attività Test è basata sul campo ID e Application parameters .

È costituito da tre rami:

• identifier (UID) is empty : l’identificatore viene inoltrato da Facebook solo se l’utente ha già accettato di condividere le proprie informazioni. Il primo ramo dell’ attività Test ti consente di rendere il concorso disponibile solo agli utenti che non sono mai entrati, ovvero quelli con un ID vuoto.
• application parameter equals ‘thanks’ : per eliminare un errore di visualizzazione collegato a Facebook, la pagina finale dell’applicazione web punta all’URL dell’applicazione Facebook a cui viene aggiunto il app_data parametro utilizzando il thanks valore (per ulteriori informazioni, consulta: Attività finale). Il secondo ramo ti consente di scoprire se l’utente proviene dall’attività End del primo ramo (e se è appena entrato nel concorso) per visualizzare un messaggio di ringraziamento. Per ulteriori informazioni sull’utilizzo di parametri URL aggiuntivi, consulta: Come inoltrare le impostazioni a un’applicazione Facebook?.
• Default branch : se l’utente è già entrato nel concorso (ID già inserito) in una data precedente (parametro di applicazione diverso da thanks), verrà visualizzata una pagina in cui si informa che è già entrato.

Pagina della concorrenza

Per eliminare l’errore di visualizzazione collegato a Facebook, devi anche selezionare Parent window o In the top window nel campo Window della pagina del concorso.

Attività di controllo accessi

L’ attività Access control ti consente di visualizzare la pagina di richiesta delle autorizzazioni Facebook quando l’utente entra nel concorso. Se accettano di condividere le informazioni, queste vengono recuperate durante il precaricamento. Per ulteriori informazioni, consulta: Attività di precaricamento.

Se in precedenza hai inserito l’account esterno durante la creazione dell’applicazione web (consulta Creazione di un’applicazione web di tipo Facebook) non è necessario modificare l’attività. In caso contrario, vai al campo Application e seleziona l’account esterno collegato all’applicazione Facebook.

Attività di precaricamento

Selezionare l’origine dati da utilizzare per il precaricamento:

• Marketing database : questa opzione consente di precaricare i dati tramite il database Adobe Campaign.
• Facebook : questa opzione consente di precaricare i dati utilizzando Facebook.

Database di marketing

Questa opzione ti consente di recuperare i dati di un profilo esistente nella tabella dei visitatori. La verifica viene eseguita in base all'Facebook ID esterno recuperato quando l'utente fa clic sulla scheda dell'applicazione Facebook. Se si aggiunge un modulo dopo l'attività Pre-loading, i campi che contengono informazioni nel database vengono precaricati.

Facebook

Questa opzione ti consente di definire le informazioni del profilo Facebook da raccogliere, tra quelle che l’utente ha accettato di condividere, al fine di salvarlo.

L’opzione Database information ti consente di raccogliere i dati seguenti:

• External ID: ID utente
• Gender: genere dell'utente
• Verified : questo campo specifica se l'utente dispone o meno di un account Facebook verificato.
• Full name: nome completo dell'utente
• First name: nome utente
• Last name: cognome dell’utente
• Language: lingua dell'utente

Puoi anche decidere di raccogliere la foto del profilo, l’elenco degli amici, l’indirizzo e-mail, la data di nascita, gli interessi e la posizione selezionando le caselle appropriate.

Prima di fare clic su Ok, selezionare la casella I agree to comply with Facebook conditions of use.

Salva attività

L’attività Save ti consente di memorizzare le informazioni raccolte durante le fasi precedenti nella tabella dei visitatori.

Se il profilo esiste già nella tabella dei visitatori, i loro dati vengono aggiornati con i nuovi dati raccolti.

Se il profilo non esiste nel database e l’indirizzo e-mail dell’utente Facebook è stato raccolto, un visitatore verrà creato nella tabella dei visitatori.

1. Nel campo Visitor creation folder , seleziona la cartella in cui verrà creato il profilo. Nel caso di un'applicazione Web di tipo Facebook, la cartella di creazione predefinita è Visitors.

2. Nel campo Reconciliation mode , seleziona la modalità di riconciliazione da utilizzare:

   • Automatic : La riconciliazione viene effettuata in base a e-mail, cognome, nome e data di nascita.
   • Manual : Selezionare una o più chiavi di riconciliazione.
   • None : Non avrà luogo alcuna riconciliazione.

3. Nel campo Mapping , seleziona lo schema su cui desideri eseguire la riconciliazione.

   IMPORTANTE

   Assicurati che i campi della scheda Social networks siano immessi correttamente nella mappatura della consegna. Le mappature di consegna sono accessibili tramite il nodo Administration > Campaign management > Target mappings .

4. Puoi selezionare una cartella di ricerca per la riconciliazione e una cartella di creazione per i nuovi profili. Se i campi sono vuoti, i profili vengono ricercati e creati nella cartella predefinita dello schema di mappatura.

Attività fine

Per ignorare l’errore di visualizzazione collegato a Facebook, devi selezionare la casella Use an external URL e immettere l’URL dell’applicazione Facebook, seguita dal parametro app_data e da un valore. Questo valore verrà utilizzato nell'attività Test per rilevare se l'utente è appena entrato nel concorso e per visualizzare un messaggio di ringraziamento, se applicabile. Per ulteriori informazioni, consulta: Attività di test.

Nel nostro esempio, il valore utilizzato è thank.

Schermata dei dettagli di un visitatore

Proprio come per i follower di Twitter (consulta: Principio operativo), i profili Facebook recuperati sono memorizzati nella tabella dei visitatori. Per visualizzare l’elenco dei visitatori, passa al nodo Profiles and Targets > Visitors .

Ogni potenziale cliente Facebook che accetta di condividere le proprie informazioni di profilo viene aggiunto all’elenco dei visitatori. Se la casella Friends è selezionata nell'attività Pre-load (consulta: Attività di precaricamento), vengono aggiunti anche gli amici.

Nella sezione Summary della finestra dei dettagli del visitatore, sono disponibili due stati possibili per l'indicatore New Contact:

Se viene visualizzato un segno di spunta verde, significa che il visitatore non è stato riconciliato con alcun destinatario. In questo caso, nell’elenco dei destinatari viene creato un nuovo profilo.

Una croce rossa indica che il visitatore è stato riconciliato con un destinatario. Puoi fare clic sulla lente di ingrandimento a destra del campo Recipient per visualizzare il destinatario corrispondente.

Vai alla finestra dei dettagli di un destinatario per visualizzare il visitatore corrispondente, se applicabile. Seleziona la scheda Others , quindi fai doppio clic sul nome del visitatore nella sezione Web identities .

La schermata Activities della pagina dei dettagli di un visitatore contiene le seguenti informazioni:

• Attività fan di tipo "Open Graph": musica giocata, video guardati, articoli letti e deduzioni delle applicazioni installate (Deezer, Spotify, Dailymotion, Yahoo News, ecc.)

  

• "Mi piace" e commenti aggiunti dal fan in seguito alle consegne inviate da Adobe Campaign

• pagine apprezzate dal fan

• check-in della ventola

  

  NOTA

  Per consentire ad Adobe Campaign di raccogliere i check-in di una ventola, è necessario fare clic sul pulsante Subscribe nella schermata di configurazione del servizio. Per ulteriori informazioni, consulta Configurazione di account esterni.

Come precaricare un modulo utilizzando i dati del profilo di Facebook

L’applicazione Social Marketing consente inoltre di aggiungere un pulsante a un modulo per precaricare i campi utilizzando le informazioni sul profilo di Facebook. Questa opzione, disponibile in tutti i modelli di applicazione web (Page attività di tipo ), è descritta in questa sezione.

Caricare preventivamente i campi del modulo con i dati provenienti dal profilo Facebook

Creare un modulo web e includere nelle pagine del modulo gli elementi con i quali l’utente non interagisce; si tratta di elementi statici quali immagini, contenuto HTML, barra orizzontale o collegamento ipertestuale. Ulteriori informazioni sugli elementi statici in un modulo web in questa pagina.

Quando si inserisce un elemento statico, l’opzione Preload with Facebook consente di inserire un pulsante in un modulo per precaricare i campi utilizzando le informazioni sul profilo Facebook.

Quando un utente fa clic sul pulsante Fill in automatically, viene visualizzata la finestra di richiesta di autorizzazione di Facebook.

Se l’utente accetta di condividere le proprie informazioni, i campi del modulo vengono precaricati.

Per questo caso d’uso, abbiamo creato un’applicazione Web composta dai seguenti elementi:

• una pagina contenente il modulo
• un’attività Record
• un'attività End

Per aggiungere un pulsante di precaricamento, effettua le seguenti operazioni:

1. Creare un modulo.

   

2. Passa allo stesso livello dei campi del modulo e aggiungi un collegamento.

   

3. Immetti l’etichetta e seleziona il tipo Button .

   

4. Vai al campo Action e seleziona Preload with Facebook.

   

5. Vai al campo Application e seleziona il tipo di account esterno Facebook Connect creato in precedenza. Per ulteriori informazioni, consulta questa pagina.