20.7 Collegare il chatbot a Facebook Messenger

FB_Messenger_logo

In questo esercizio utilizzerai il sito desktop Facebook per collegare il chatbot a Facebook Messenger, quindi avrai bisogno di accedere a un account Facebook.

20.7.1 Creare una pagina Facebook

Una volta effettuato l'accesso al tuo account Facebook, seleziona l'icona + in alto a destra nella schermata.

FB_Plus_btn

Verrà visualizzato un menu a discesa Crea con diverse opzioni.

FB_Homepage

Selezionare Pagina.

FB_Create_Page_btn

Ora avrai la possibilità di iniziare a compilare le informazioni di pagina, ad esempio Nome pagina, Categoria, Descrizione e così via. Compila questi campi nel modo che ritieni appropriato, ma in questo esempio abbiamo utilizzato quanto segue:

Informazioni richieste Spiegazione Risposta di esempio
Nome pagina ldap-fb-page idejong-fb-page
Categoria [industria] tipo di industria o di impresa Società di vendita al dettaglio
Descrizione descrizione della pagina La mia pagina facebook per il test dei bot di chat

FB_CreatePage_PageDetails

Una volta completato fai clic su Crea pagina.

FB_CreatePage_btn.png

Ora potrai aggiungere un’immagine del profilo e una foto di copertina nelle opzioni a sinistra. Sentiti libero di farlo, ma questo è facoltativo.

FB_CreatePage_PageDetails_addImgs

Una volta soddisfatti i dettagli della pagina, fai clic su Salva.

FB_Save_btn

Verrà ora visualizzata la pagina Facebook completa. Continua ad aggiornare e modificare la tua nuova pagina Facebook come ritieni opportuno, ma ai fini di questa esercitazione proseguiremo la configurazione del bot di chat…

20.7.2 Configura la messaggistica avanzata nella pagina Facebook

Nella home page della pagina Facebook appena creata viene visualizzato un elenco di opzioni sul lato sinistro dello schermo.

FB_ManagePage_Nav

Seleziona Impostazioni pagina nella parte inferiore delle opzioni.

FB_Pagesetting_btn

Qui si può trascorrere molto tempo a configurare la pagina Facebook come si ritiene opportuno, ma per gli scopi del tutorial si procederà alla configurazione del bot di chat.

FB_Pagesetting_Nav

Selezionare Messaggi avanzati.

FB_AdvancedMessaging_btn

Scorri fino a Impostazioni generali > App collegate. non verrà visualizzata alcuna app connessa. Qui è dove Stackchat sarà elencato una volta che colleghiamo il nostro chatbot all'interfaccia utente Stackchat.

FB_GeneralSettings_ConnectedApps

20.7.3 Connetti Stackchat a Facebook Messenger

Ora che la tua pagina Facebook è stata creata, dobbiamo concedere l’autorizzazione Stackchat per gestire i messaggi che vengono inviati alla pagina. Porta il tuo Bot Luma in Stackchat Studio e fai clic sul pulsante Integrazioni dal menu bot.

Stackchat_Integration_FB

Fai clic sul pulsante Aggiungi integrazione in alto a destra e seleziona Facebook Messenger.

Stackchat_Integration_FB

Fai clic sul pulsante Gestisci autorizzazioni Facebook .

Stackchat_Integration_FB

Dovresti visualizzare una finestra modale di accesso di Facebook. In caso contrario, il browser potrebbe aver bloccato la finestra a comparsa modale. Controlla se ci sono avvisi e concedi l'autorizzazione per Stackchat di lanciare popups. Accedi al tuo account Facebook.

Stackchat_Integration_FB

Seleziona tutte le pagine a cui desideri collegare un chatbot. Stackchat ricorderà queste pagine e ti darà la possibilità di selezionarle da un elenco. Premi il pulsante Avanti quando hai selezionato le pagine.

Stackchat_Integration_FB

Lascia immutate queste autorizzazioni. Basta premere il pulsante Fine, quindi il pulsante Ok.

Stackchat_Integration_FB

Il modale verrà chiuso e ora puoi selezionare la pagina Facebook a cui desideri collegare il chatbot.

Stackchat_Integration_FB

Premi il pulsante Aggiungi integrazione e hai finito!

20.7.4 Verificare l’integrazione

Per iniziare la demo, accedi a Facebook e passa alla pagina Facebook creata nei passaggi precedenti. Per questa esercitazione utilizzeremo la nostra pagina demo Luma Retail .

Facebook_LumaRetail_HP

Poiché sei amministratore di questa pagina, premi il pulsante Visualizza come visitatore .

Facebook_LumaRetail_viewasVisitor

Questo modificherà la visualizzazione e presenterà la pagina come se fossi un cliente

Facebook_LumaRetail_HP_cv

Premere il pulsante Invia messaggio, situato in alto a destra

Facebook_LumaRetail_sendMessage

Questo aprirà il chatbot, che ora è alimentato da Stackchat. La prima volta che apri la chat bot ti informerà che una volta selezionato Inizia Luma Retail visualizzerà le tue informazioni pubbliche

Facebook_LumaRetail_ChatBot_welcomeAnon

Selezionare Introduzione.

Facebook_LumaRetail_ChatBot_getstarted_btn

Quando il chatbot si avvia, viene visualizzato un messaggio di benvenuto. Segui il flusso "Ho bisogno di idee", come abbiamo fatto sul Web Messenger nella sezione precedente, per verificare che la conversazione venga visualizzata correttamente.

Facebook_LumaRetail_ChatBot_start2

Ora vedrai Luma Bot condividere il collegamento alle sue politiche e chiede il consenso. Fare clic su Sì per continuare.

Facebook_LumaRetail_ChatBot_optin

Invia il tuo messaggio e-mail dimostrativo, quello utilizzato durante il test di Web Messenger o uno nuovo per vedere come si presenta l’esperienza se Facebook è stato il primo punto di contatto con Luma.

Facebook_LumaRetail_ChatBot_email-submit2

Luma Bot ora visualizzerà un carosello di prodotti. Sfoglia i prodotti clicca sull'icona del cuore per piacerti un prodotto di tua scelta. Mi sono sempre immaginato dei Pantaloni Paracadute…

Facebook_LumaRetail_ChatBot_productLike

NOTA

Punta calda! I seguenti comandi sono stati segretamente 'cotto in' al nostro robot chat:

  • /debug - questo conferma a quale istanza AEP il bot chat è attualmente connesso a
  • /reset - Questo ti permette di riavviare la conversazione da zero

Quindi in qualsiasi momento è possibile confermare l'integrazione o reimpostare la conversazione, rispettivamente. Se sei curioso, consulta se puoi trovare queste configurazioni di parole chiave nell'interfaccia utente di Studio o nell'editor CDML, che sono configurate utilizzando espressioni regolari!

Ora che abbiamo 'apprezzato' il prodotto Cora Parachute Pants possiamo controllare la nostra casella in entrata e-mail per confermare il nostro Percorso configurato in Esercizio 20.4 è stato attivato e consegnato con successo.

E-mail JO consegnata

Ora vedremo come continuare la 'conversazione' sul sito. Immaginiamo ora che la chat di Facebook Messenger che abbiamo appena avuto con Luma bot sia stata la nostra prima interazione con la vendita al dettaglio Luma e vogliamo vedere come si presenta per la prima volta un visitatore del sito web dopo aver interagito con il Luma Bot su Facebook. Passa al sito web Luma in modalità incognito. Poiché si tratta di una nuova finestra in incognito, dovrai impostare il tuo ldap, brand (Luma) come al solito. Una volta aperto il nuovo sito web Luma in incognito, controlla il pannello X-Ray per confermare di essere un nuovo utente, ovvero senza attributi di profilo o eventi di esperienza.

web_incog-xray.png

Passa alla pagina LOGIN/REGISTER e iscriviti alla stessa e-mail inviata utilizzata nella chat di Facebook Messenger. Una volta effettuato l’accesso, torna alla home page e apri il pannello X-Ray. Ora dovresti visualizzare la tua interazione Facebook in Eventi esperienza.

interazione web_xray-fb

Ora che il sito Web e il Web Messenger sono a conoscenza della tua interazione iniziale di Facebook, possiamo continuare la 'conversazione' e personalizzare gli utenti le successive interazioni come riteniamo opportuno. Avete appena esteso la conversazione da un canale sociale in contrapposizione a quella che sarebbe stata un'esperienza incognita non informata.

Tutto qui. Hai completato l’integrazione Facebook e hai eseguito il test su Facebook Messenger e Web Messenger.

Ora, diamo un'occhiata a un altro canale social, WeChat…

Passaggio successivo: 20.8 Test dell'integrazione di WeChat

Torna al modulo 20

Torna a tutti i moduli

In questa pagina