20.7 Conecte seu chatbot ao Facebook Messenger

FB_Messenger_logo

Neste exercício, você estará usando o site Facebook para conectar seu chatbot ao Facebook Messenger, para que você precise acessar uma conta Facebook.

20.7.1 Criar uma página do Facebook

Depois de fazer logon na conta do Facebook, selecione o ícone + na parte superior direita da tela.

FB_Plus_btn

Isso exibirá uma lista suspensa Create com várias opções.

FB_Homepage

Selecione Página.

FB_Create_Page_btn

Agora você terá a opção de começar a preencher suas informações de Página, como Nome da página, categoria, descrição etc. Preencha esses campos conforme desejar, mas neste exemplo usamos o seguinte:

Informações solicitadas Explicação Exemplo de resposta
Nome da página ldap-fb-page idejong-fb-page
Categoria [setor] indústria ou tipo de negócio Empresa de varejo
Descrição descrição da página Minha página do facebook para testar o bot de chat

FB_CreatePage_PageDetails

Depois de concluir, clique em Criar página.

FB_CreatePage_btn.png

Agora, você terá a opção de adicionar uma imagem de perfil e uma foto de capa nas opções à esquerda. Você pode fazer isso, mas isso é opcional.

FB_CreatePage_PageDetails_addImgs

Quando estiver satisfeito com os detalhes da Página, clique em Salvar.

FB_Save_btn

Agora será exibida a página de finalização do Facebook. Sinta-se à vontade para continuar a atualizar e editar sua nova página do Facebook da maneira que achar conveniente, mas para os fins deste tutorial, continuaremos configurando o bot de chat…

20.7.2 Configurar mensagens avançadas na página do Facebook

Na página inicial da sua página do Facebook recém-criada, você verá uma lista de opções no lado esquerdo da tela.

FB_GerenciarPágina_Navegação

Selecione Configurações da página na parte inferior das opções.

FB_Pagesetting_btn

Aqui você pode passar muito tempo configurando sua página do Facebook da maneira que achar conveniente, mas para os propósitos do tutorial nós iremos continuar configurando o bot de chat.

FB_Pagesetting_Navigation

Selecione Mensagens avançadas.

FB_AdvancedMessaging_btn

Role até Configurações gerais > Aplicativos conectados. você verá que nenhum aplicativo está conectado. É aqui que o Stackchat será listado assim que conectarmos nosso chatbot com a interface do usuário do Stackchat.

FB_GeneralSettings_ConnectedApps

20.7.3 Conectar o empilhamento ao Facebook Messenger

Agora que sua página do Facebook foi criada, precisamos conceder permissão de chat ao Stackchat para gerenciar as mensagens enviadas à página. Traga para frente seu Bot Luma no Stackchat Studio e clique no botão Integrations no menu bot.

Stackchat_Integration_FB

Clique no botão Adicionar integração no canto superior direito e selecione Facebook Messenger.

Stackchat_Integration_FB

Clique no botão Gerenciar permissões do Facebook.

Stackchat_Integration_FB

Você deve ver um modal de logon do Facebook aparecer. Caso contrário, o navegador pode ter bloqueado o pop-up modal. Verifique se há algum aviso e forneça permissão para o Stackchat iniciar pop-ups. Faça logon em sua conta da Facebook.

Stackchat_Integration_FB

Selecione todas as páginas às quais deseja conectar um chatbot. O empilhamento lembrará essas páginas e dará a opção de selecioná-las em uma lista. Pressione o botão Next ao selecionar suas páginas.

Stackchat_Integration_FB

Deixe essas permissões inalteradas. Basta pressionar o botão Concluído e depois o botão Ok.

Stackchat_Integration_FB

O modal será fechado e agora você pode selecionar a página do Facebook à qual deseja conectar o chatbot.

Stackchat_Integration_FB

Clique no botão Adicionar integração e pronto!

20.7.4 Testar a integração

Para iniciar a demonstração, faça logon no Facebook e navegue até a Página do Facebook que você criou nas etapas anteriores. Neste tutorial, usaremos nossa página de demonstração Luma Retail.

Facebook_LumaRetail_HP

Como você é o Administrador desta página, pressione o botão Exibir como visitante.

Facebook_LumaRetail_viewasVisitor

Isso alterará a exibição e apresentará a página como se você fosse um cliente

Facebook_LumaRetail_HP_cv

Pressione o botão Send Message, localizado no canto superior direito

Facebook_LumaRetail_sendMessage

Isso abrirá o chatbot, que agora é acionado pelo Stackchat. A primeira vez que você abrir o chat, ele o informará que, uma vez selecionado Introdução, o Luma Retail verá suas informações públicas

Facebook_LumaRetail_ChatBot_welcomeAnon

Selecione Introdução.

Facebook_LumaRetail_ChatBot_getstarted_btn

Depois que o chatbot for iniciado, você verá uma mensagem de boas-vindas. Percorra o fluxo "Eu preciso de ideias", como fizemos no Web Messenger na seção anterior, para testar se a conversa é exibida corretamente.

Facebook_LumaRetail_ChatBot_initiate2

Em seguida, você verá que Luma Bot compartilha o link com suas políticas e solicita consentimento. Clique em Sim para continuar.

Facebook_LumaRetail_ChatBot_optin

Envie seu email de demonstração, seja aquele usado durante o teste do Web Messenger ou um novo para ver como é a experiência se o Facebook foi o primeiro ponto de contato com o Luma.

Facebook_LumaRetail_ChatBot_email-submit2

O Luma Bot agora exibirá um carrossel de produtos. Navegue pelos produtos e clique no ícone do coração para gostar de um produto de sua escolha. Sempre achei umas Calças de Paraquedas…

Facebook_LumaRetail_ChatBot_productLike

OBSERVAÇÃO

Dica quente! Os comandos a seguir foram secretamente 'enviados' para o nosso bot de chat:

  • /debug - isso confirma a instância do AEP à qual o bot de chat está conectado no momento
  • /reset - Permite que você inicie a conversa novamente do zero

Assim, a qualquer momento, você pode confirmar a integração ou redefinir a conversa, respectivamente. Se você estiver curioso, veja se consegue encontrar essas configurações de palavra-chave na interface do usuário do Studio ou no editor CDML - elas são configuradas usando expressões regulares!

Agora que "curtimos" o produto Cora Parachute Pants , podemos verificar nossa caixa de entrada de email para confirmar que nossa Jornada configurada em Exercise 20.4 foi acionada e entregue com sucesso.

JO Email entregue

Em seguida, veremos como podemos continuar a 'conversa' no site. Agora vamos imaginar que o bate-papo do Facebook Messenger que acabamos de ter com o robô Luma foi a nossa primeira interação com o varejo Luma e queremos ver como foi a experiência do visitante do site pela primeira vez após ter interagido com o Bot Luma no Facebook. Navegue até o site Luma no modo cognito. Como esta é uma nova janela incógnita, você precisará definir sua ldap, marca (Luma) como de costume. Depois de abrir seu novo site incógnito do Luma, verifique o painel do Raio X para confirmar que você é um novo usuário, ou seja, nenhum atributo de perfil ou Eventos de experiência.

web_incog-xray.png

Navegue até a página LOGON/REGISTER e inscreva-se com o mesmo email enviado usado no chat do Facebook Messenger. Depois de fazer logon, retorne à página inicial e abra o painel do raio X. Agora, você deve ver a interação do Facebook nos Eventos de experiência.

web_xray-fb-interaction

Com o Web site e o Messenger agora conscientes de sua interação inicial com o Facebook, podemos continuar a 'conversa' e personalizar os usuários das próximas interações como entendermos. Você acabou de estender a conversa de um canal social em vez de uma experiência incógnita não informada.

Pronto! Você concluiu a integração do Facebook e testou o Facebook Messenger e o Web Messenger.

Em seguida, vamos dar uma olhada em outro canal social, WeChat

Próxima etapa: 20.8 Teste a integração do WeChat

Voltar ao Módulo 20

Voltar para todos os módulos

Nesta página