Tutorial Dialogflow – Criar Bot Mensageiro Facebook Usando Integração Dialogflow

Pragnakalp Solutions Blocked Desbloquear Seguir Seguindo 28 de dezembro de 2018

Existem várias plataformas de desenvolvimento de chatbot disponíveis se você estiver procurando desenvolver o bot do Facebook Messenger. Enquanto cada um tem suas próprias vantagens e desvantagens, o Dialogflow é um forte candidato. Oferecendo um dos melhores NLU (Natural Language Understanding) e gerenciamento de contexto, o Dialogflow facilita muito a criação do bot do Facebook Messenger.

Neste tutorial, veremos como integrar seu agente Dialogflow à sua página do Facebook. Se você não tiver criado um agente Dialogflow, primeiro precisará criá-lo ( aqui está um tutorial detalhado do Dialogflow sobre como desenvolver o Resume Chatbot ) ou se já tiver um, então vamos começar.

Crie uma Página no Facebook

Primeiro de tudo, precisamos criar uma página no Facebook. Abra https://www.facebook.com/pages/ e clique no botão Criar página.

Na próxima página, selecione o tipo de página e clique em Começar

Selecione o nome da página, categoria da página e clique em Continuar para criar a página. Opcionalmente, envie a foto do perfil e a imagem da capa para a página fb.

Criar aplicativo do Facebook

Para conectar o agente Dialogflow com a Página do Facebook, precisaremos de um aplicativo do Facebook. Para isso, acesse https://developers.facebook.com/apps/ e crie um novo aplicativo.

Forneça o nome do aplicativo e o ID de e-mail e clique no botão Criar ID do aplicativo.

Clique no botão Ignorar na próxima etapa e o aplicativo será criado.

Conecte a página do Facebook ao aplicativo

Nosso aplicativo do Facebook é criado, agora precisamos conectar nossa página do Facebook ao aplicativo. Para isso, precisamos gerar Token de Acesso à Página.

Clicar em PRODUTOS na barra lateral esquerda abrirá uma página com muitas opções. Na seção "Adicionar um produto", selecione "Configurar" para o Messenger.

Agora, selecione a página que você deseja conectar no menu suspenso.

E o nosso Token de Acesso à Página é gerado. Isso será necessário nas próximas etapas.

Ativar a integração do Facebook Messenger no Dialogflow

Para publicar o agente Dialogflow em nosso aplicativo do Facebook, precisamos ativar a integração do Facebook Messenger na guia Integração do Dialogflow.

Clicando em Alternar do Facebook Messenger irá abrir um popup. Neste pop-up, precisamos fornecer o token de verificação, que pode ser qualquer string aleatória. Também precisamos fornecer o token de acesso à página do aplicativo do Facebook que geramos nas etapas anteriores.

Depois de preencher o Token de Verificação e o Token de Acesso à Página, clique no botão “START” que ativará o webhook Dialogflow para o nosso agente.

Webhook de configuração no aplicativo do Facebook

Nós terminamos a configuração do agente Dialogflow. Agora, precisamos configurar o webhook no aplicativo do Facebook que se comunicará com o Dialogflow Agent.

Para configurar o webhook, abra a página de configurações do aplicativo do Facebook e clique no botão "Configurar Webhooks".

Clicar em Configurar Webhooks abrirá uma janela pop-up onde precisamos inserir URL de Retorno de Chamada, Verificar Token e selecionar Subscrições que precisaremos para nosso bot.

Para copiar o URL de Retorno de Chamada e Verificar Token do agente Dialogflow, abra a página de Integrações e clique no Facebook Messenger. Isso nos fornecerá os valores necessários. Copie de lá e cole-o no pop-up.

Para campos de assinatura, "mensagens" e "messaging_postbacks" são suficientes para começar com o bot básico. Então, selecionamos apenas os 2 por enquanto.

O próximo passo no Webhook Setup é selecionar a Página do Facebook para ouvir os eventos. Selecione a página no menu suspenso e clique em Inscrever-se.

Ativar o aplicativo do Facebook

Agora, a última etapa na configuração é Ativar o aplicativo do Facebook. Para fazer isso, navegue até Configurações básicas da página (da barra lateral esquerda) e forneça o URL da política de privacidade.

Outra configuração obrigatória é selecionar categoria. Clicar em "Escolher uma categoria" abrirá um pop-up onde podemos selecionar a categoria apropriada do nosso aplicativo.

Configurações mínimas necessárias de App está no lugar. Clique em Save Changes para salvar as configurações e, em seguida, clique em Status toggle of app para ativá-lo.

Nós terminamos todas as configurações! Hora de testar o bot na nossa página.

Página do Facebook do botão de mensagem de configuração

Abra sua página no Facebook e clique em Adicionar um botão.

Ele irá abrir um pop-up. Na primeira etapa, selecione "Enviar mensagem" e clique em Avançar

Na segunda etapa, selecione "Messenger" e clique em Concluir.

Você verá o botão "Enviar mensagem" na página agora. Seus visitantes podem clicar nele e começar a conversar com sua página. Como você é administrador, você precisará passar o mouse sobre o botão "Enviar mensagem" e clicar na opção "Botão de teste".

Isso abrirá a janela de bate-papo. Clique no botão "Get Started" e você receberá a mensagem de boas-vindas do seu agente Dialogflow.

Impressionante! O bot está trabalhando agora!

Se você não receber a mensagem, certifique-se de que a intenção de boas-vindas padrão tenha o Boas-vindas do Facebook adicionado como Evento. Confirme também se o Intenção de Boas-Vindas Padrão possui frases de treinamento adequadas para invocar a intenção.

Bot ainda não está vivo para visitantes

Por favor, tenha em mente que este bot ainda não está ativo para os visitantes da sua página. Você pode acessá-lo como você é administrador da página. Para disponibilizá-lo para seus visitantes, você precisará passar pelo processo de aprovação do Messenger Bot no Facebook. Abordaremos esse processo de aprovação no próximo tutorial.

Texto original em inglês.

Tutorial Dialogflow – Criar Bot Mensageiro Facebook Usando Integração Dialogflow

Pragnakalp Solutions Blocked Desbloquear Seguir Seguindo 3 de janeiro

Existem várias plataformas de desenvolvimento de chatbot disponíveis se você estiver procurando desenvolver o bot do Facebook Messenger. Enquanto cada um tem suas próprias vantagens e desvantagens, o Dialogflow é um forte candidato. Oferecendo um dos melhores NLU (Natural Language Understanding) e gerenciamento de contexto, o Dialogflow facilita muito a criação do bot do Facebook Messenger.

Neste tutorial, veremos como integrar seu agente Dialogflow à sua página do Facebook. Se você não tiver criado um agente Dialogflow, primeiro precisará criá-lo ( aqui está um tutorial detalhado do Dialogflow sobre como desenvolver o Resume Chatbot ) ou se já tiver um, então vamos começar.

Crie uma Página no Facebook

Primeiro de tudo, precisamos criar uma página no Facebook. Abra https://www.facebook.com/pages/ e clique no botão Criar página.

Na próxima página, selecione o tipo de página e clique em Começar

Selecione o nome da página, categoria da página e clique em Continuar para criar a página. Opcionalmente, envie a foto do perfil e a imagem da capa para a página fb.

Criar aplicativo do Facebook

Para conectar o agente Dialogflow com a Página do Facebook, precisaremos de um aplicativo do Facebook. Para isso, acesse https://developers.facebook.com/apps/ e crie um novo aplicativo.

Forneça o nome do aplicativo e o ID de e-mail e clique no botão Criar ID do aplicativo.

Clique no botão Ignorar na próxima etapa e o aplicativo será criado.

Conecte a página do Facebook ao aplicativo

Nosso aplicativo do Facebook é criado, agora precisamos conectar nossa página do Facebook ao aplicativo. Para isso, precisamos gerar Token de Acesso à Página.

Clicar em PRODUTOS na barra lateral esquerda abrirá uma página com muitas opções. Na seção "Adicionar um produto", selecione "Configurar" para o Messenger.

Agora, selecione a página que você deseja conectar no menu suspenso.

E o nosso Token de Acesso à Página é gerado. Isso será necessário nas próximas etapas.

Ativar a integração do Facebook Messenger no Dialogflow

Para publicar o agente Dialogflow em nosso aplicativo do Facebook, precisamos ativar a integração do Facebook Messenger na guia Integração do Dialogflow.

Clicando em Alternar do Facebook Messenger irá abrir um popup. Neste pop-up, precisamos fornecer o token de verificação, que pode ser qualquer string aleatória. Também precisamos fornecer o token de acesso à página do aplicativo do Facebook que geramos nas etapas anteriores.

Depois de preencher o Token de Verificação e o Token de Acesso à Página, clique no botão “START” que ativará o webhook Dialogflow para o nosso agente.

Webhook de configuração no aplicativo do Facebook

Nós terminamos a configuração do agente Dialogflow. Agora, precisamos configurar o webhook no aplicativo do Facebook que se comunicará com o Dialogflow Agent.

Para configurar o webhook, abra a página de configurações do aplicativo do Facebook e clique no botão "Configurar Webhooks".

Clicar em Configurar Webhooks abrirá uma janela pop-up onde precisamos inserir URL de Retorno de Chamada, Verificar Token e selecionar Subscrições que precisaremos para nosso bot.

Para copiar o URL de Retorno de Chamada e Verificar Token do agente Dialogflow, abra a página de Integrações e clique no Facebook Messenger. Isso nos fornecerá os valores necessários. Copie de lá e cole-o no pop-up.

Para campos de assinatura, "mensagens" e "messaging_postbacks" são suficientes para começar com o bot básico. Então, selecionamos apenas os 2 por enquanto.

O próximo passo no Webhook Setup é selecionar a Página do Facebook para ouvir os eventos. Selecione a página no menu suspenso e clique em Inscrever-se.

Ativar o aplicativo do Facebook

Agora, a última etapa na configuração é Ativar o aplicativo do Facebook. Para fazer isso, navegue até Configurações básicas da página (da barra lateral esquerda) e forneça o URL da política de privacidade.

Outra configuração obrigatória é selecionar categoria. Clicar em "Escolher uma categoria" abrirá um pop-up onde podemos selecionar a categoria apropriada do nosso aplicativo.

Configurações mínimas necessárias de App está no lugar. Clique em Save Changes para salvar as configurações e, em seguida, clique em Status toggle of app para ativá-lo.

Nós terminamos todas as configurações! Hora de testar o bot na nossa página.

Página do Facebook do botão de mensagem de configuração

Abra sua página no Facebook e clique em Adicionar um botão.

Ele irá abrir um pop-up. Na primeira etapa, selecione "Enviar mensagem" e clique em Avançar

Na segunda etapa, selecione "Messenger" e clique em Concluir.

Você verá o botão "Enviar mensagem" na página agora. Seus visitantes podem clicar nele e começar a conversar com sua página. Como você é administrador, você precisará passar o mouse sobre o botão "Enviar mensagem" e clicar na opção "Botão de teste".

Isso abrirá a janela de bate-papo. Clique no botão "Get Started" e você receberá a mensagem de boas-vindas do seu agente Dialogflow.

Impressionante! O bot está trabalhando agora!

Se você não receber a mensagem, certifique-se de que a intenção de boas-vindas padrão tenha o Boas-vindas do Facebook adicionado como Evento. Confirme também se o Intenção de Boas-Vindas Padrão possui frases de treinamento adequadas para invocar a intenção.