Antes do código
Criar o canal e o modelo de responsabilidade
- Decidir se o canal representa um sítio, idioma, departamento, produto ou campanha.
- Nomear pelo menos dois responsáveis operacionais e definir a cobertura horária.
- Confirmar o acesso Teams de cada agente e o uso correto das respostas nas threads.
- Separar encaminhamento de teste e produção quando a configuração o permitir.
- Documentar quem administra o backend WebChat e a aplicação Teams.
Implementação
Usar o script assíncrono com o ID exato
O padrão fornecido carrega widget.js de forma assíncrona e identifica a rota através do parâmetro channel. Um ID copiado incorretamente pode enviar pedidos reais para a equipa ou idioma errados.
Coloque o script perto do fecho de body, salvo se o CMS ou a plataforma de consentimento exigir um carregador controlado. Não o duplique no código e no Tag Manager.
Fontes: 2
Navegador e privacidade
Verificar CSP, consentimento e acessibilidade
- Permitir apenas as origens necessárias na Content Security Policy.
- Decidir com o responsável pela privacidade se o widget carrega imediatamente ou após consentimento.
- Atualizar o aviso de privacidade com dados verificados de tratamento e retenção.
- Testar foco, teclado, etiquetas, contraste, zoom e leitor de ecrã.
- Não publicar garantias de RGPD ou alojamento que não estejam documentadas.
Aceitação
Testar o percurso completo, não apenas o botão
- 01
Carregamento
Verificar computador, móvel, rede lenta, armazenamento bloqueado e estados de consentimento.
- 02
Encaminhamento
Enviar mensagens distintas de cada página, idioma e intenção configurados.
- 03
Resposta
Responder no canal previsto e confirmar a receção pelo visitante.
- 04
Falha
Testar fora do horário, sem agente, reconexão e script deliberadamente bloqueado.
- 05
Observação
Verificar consola, pedidos, notificações Teams e responsabilidade operacional.
Produção
Implementar gradualmente e manter a reversão
Comece por uma rota representativa, valide tráfego real e responsabilidade do suporte e depois alargue a modelos e idiomas. Registe o mapeamento sítio-canal para evitar futuras cópias erradas.
Remova o widget Microsoft apenas após a aceitação e monitorização do novo percurso em produção.