Avançar para o conteúdo principal

Integrar com Messenger

É possível integrar o nosso chat com o Facebook Messenger. Isto possibilita receber mensagens provenientes do chat do Facebook e responder às mesmas unicamente através da nossa plataforma, permitindo gerir mensagens provenientes de diversas plataformas apenas a partir de um local.

 

ATENÇÃO: para que o chat do Facebok funcione corretamente é necessário antes configurar o Pusher. Veja aqui como fazer.

1. Criar APP do Facebook

 

Para começar a configurar a integração com o chat do Facebook, deverá antes criar uma APP na página para desenvolvedores do Meta . Para isso deve ir até https://developers.facebook.com/ e registar a sua conta, caso ainda não tenha uma.

 

Em cima, clique em "Aplicativos" e depois em "Criar aplicativo".

image-1707746135666.png

 

No painel seguinte, selecione "Outro" e depois em "Avançar".

 

image-1707746168907.png

Na página seguinte, selecione "Business" e faça "Avançar".

 

image-1707746292105.png

 

Dê um nome à sua APP e selecione o email que quer associar à mesma. Clique em Create app para 

 

image-1707746397509.png

 

Na página seguinte aparecerá a lista de produtos que pode adicionar à sua APP. Procure por "Webhooks" e clique em configurar.

 

image-1707746658072.png

 

Nesta página, onde tem "User", clique e selecione "Page". Depois, clique em "Subscribe to this object".

 

image-1707746807424.png

 

Ao fazer isto, abrir-se-á um painel com dois campos para inserir o "URL de retorno de chamada" e o "Token de verificação".

No "URL de retorno de chamada" deverá colocar o link de integração da sua instância. Deverá ser algo como:

  • URL - https://gestor.dominio.ebsss.eu/api/chat/facebook_messenger_api

Deve também criar um "Token de verificação"* que vai ser colocado tanto nesse campo, como no painel de configuração da plataforma da sua instância.

  • *O Verify Token é um componente de segurança da sua app no Facebook. Funciona como uma chave secreta que garante que apenas o Facebook possa enviar requests para sua app, protegendo-a contra acessos não autorizados. É recomendável usar um UUID (Universally Unique Identifier) como "Verify Token. Pode gerar o seu UUID no seguinte website: https://www.uuidgenerator.net/version4

image-1707747540130.png

Clique em copy, para copiar o código e cole no campo de "Token de verificação".

Após preencher os dados, deverá ficar semelhante à imagem abaixo:

image-1707747740675.png

 

NÃO clique em "Verificar e salvar" ainda. 

Primeiro, terá de criar uma plataforma na sua instância com o "Token de Verificação", para que o Facebook possa fazer a verficação.

Para isso, vá até à página de criação de plataformas da sua intância. Pode chegar a essa página através do Módulo Chat (1) > Configurações (2) > Plataformas. Depois, clique em "Adicionar".

 

image-1707748139823.png

 

Ao fazer isso, irá abrir um painel. Clique em "Adicionar" (em baixo) e selecione "Messenger do Facebook".

 

image-1707748690150.png

 

Dê o nome à sua plataforma e coloque o mesmo token que criou anteriormente no campo "facebook-messenger.webhook-secret". Mantenha o módulo de configuração ativado e faça "Guardar".

 

image-1707748842966.png

 

Agora volte às configurações do Facebook e clique, então, em "Verificar e Salvar".

Se tudo estiver bem configurado será levado para a próxima página, onde poderá selecionar as subscrições que pretende.

Caso dê algum erro, veja o bloco abaixo.

 

ATENÇÃO: Se aparecer um erro semelhante ao abaixo, é possível que tenha algo mal nas configurações. 

image-1707749549483.png

Verifique se:
• ao criar a plataforma na sua instância, o switch do Modo Configuração está ativado
• o token que colocou em tanto neste no painel "Editar assinatura de Page" (no Facebook) como no da criação da plataforma de chat da sua instância são idênticos
• no painel de criação de plataforma de chat na sua instância está no campo "facebook-messenger.webhook-secret"
• fez "Guardar" após terminar de configurar a plataforma de chat na sua instância

 

Caso as configurações estejam corretas, será levado para a página seguinte:

image-1707750244794.png

 

Aqui, procure por "messages" e clique em "Subscribe".

 

image-1707750404120.png

 

No menu lateral da esquerda, clique em "Painel"

image-1707750826954.png

Procuro pelo produto "Messenger" e clique em configurar.

 

image-1707750881955.png

 

Será encaminhado para a página de configurações do Messenger. Caso não seja, clique à esquerda em Configurações da API do Messenger.

image-1707750983741.png

Nesta página procure por "2. Gere tokens de acesso" e clique em "Conetar".

 

image-1707751027348.png

 

Deverá abrir um painel onde terá de confirmar o seu login do Facebook. Depois, selecione a página que deseja integrar no chat e faça "Continuar" e "Salvar".

image-1707751358865.png

A sua página está agora integrada ao WebHook. Agora, clique em "Adicionar assinaturas".

 

image-1707751670912.png

 

Deve selecionar as seguintes assinaturas:

  • messages
  • messaging_optins
  • message_deliveries
  • messaging_postbacks
  • message_reads

image-1707751755160.png

 

Clique em "Confirmar" para guardar as alterações.

Agora, clique em "Gerar" para criar os tokens de acesso.

 

image-1707752857895.png

Deverá, então, copiar estes códigos para o painel de configuração da plataforma de chat da sua instância e desativar o switch do Modo Configuração. Deverá estar ativo apenas durante a configuração inicial.

 

image-1707754972176.png

 

Agora, volte ao Facebook e clique em "Concluir" para fechar a janela da geração de token. Mais abaixo, procure por "3. Faça a análise da APP" e clique em "Solicitar permissão"

 

image-1707756100450.png

 

Aqui, certifique-se que tem as opções todas selecionadas e clique em "Solicitar permissão"

 

image-1707756374795.png

 

Caso dê o erro em baixo, faça novamente os mesmos passos para solicitar a permissão.

image-1707756758651.png

Para que o chat fique funcional é preciso criar um canal de comunicação e associar a plataforma configurada ao mesmo.

 

2. Associar plataforma ao canal de comunicação

 

Finalmente deverá associar a plataforma ao canal de comunicação.

 

NOTA: se ainda não sabe o que são ou como criar canais, veja aqui como fazê-lo.

 

Para isso deve ir até ao Módulo Chat (1) > Gestão (2) > Canais (3)

image-1706805718090.png

 

Aqui, ao criar ou editar um canal, deverá selecionar a plataforma que acabou de criar e, também, um horário.

 

image-1707756892585.png

 

Faça "Guardar". Agora, quando receber uma mensagem, esta irá aparecer na página de conversas.