Avant le code
Créer le canal et son modèle de responsabilité
- Décider si le canal représente un site, une langue, un service, un produit ou une campagne.
- Nommer au moins deux propriétaires opérationnels et définir la couverture horaire.
- Confirmer l'accès Teams de chaque agent et l'usage correct des réponses en fil.
- Séparer test et production lorsque la configuration le permet.
- Documenter les administrateurs du backend WebChat et de l'application Teams.
Implémentation
Utiliser le script asynchrone avec l'ID exact
Le modèle fourni charge widget.js de manière asynchrone et identifie la route avec le paramètre channel. Un ID copié par erreur peut envoyer de vraies demandes vers la mauvaise langue ou équipe.
Placez le script près de la fermeture de body, sauf si le CMS ou la plateforme de consentement exige un chargeur contrôlé. Ne le dupliquez pas dans le code et Tag Manager.
Sources: 2
Navigateur et confidentialité
Contrôler CSP, consentement et accessibilité
- N'autoriser que les origines nécessaires dans la Content Security Policy.
- Décider avec la personne responsable si le widget charge immédiatement ou après consentement.
- Mettre à jour la notice de confidentialité avec des informations vérifiées.
- Tester focus, clavier, libellés, contraste, zoom et lecteur d'écran.
- Ne publier aucune garantie RGPD ou d'hébergement non documentée.
Recette
Tester le parcours complet, pas seulement le bouton
- 01
Chargement
Vérifier ordinateur, mobile, réseau lent, stockage bloqué et états du consentement.
- 02
Routage
Envoyer des messages distincts depuis chaque page, langue et intention configurée.
- 03
Réponse
Répondre depuis le canal prévu et vérifier la réception côté visiteur.
- 04
Panne
Tester hors horaires, sans agent, reconnexion et script délibérément bloqué.
- 05
Observation
Contrôler console, requêtes, notifications Teams et propriété opérationnelle.
Production
Déployer progressivement et conserver le retour arrière
Commencez par une route représentative, validez le trafic et la responsabilité du support, puis élargissez aux modèles et langues. Enregistrez le mapping site-canal pour éviter les futures copies erronées.
Retirez l'ancien widget Microsoft uniquement après la recette et la surveillance du nouveau parcours en production.