Vóór de code
Maak het kanaal en het eigenaarschapsmodel
- Bepaal of het kanaal een site, taal, afdeling, product of campagne vertegenwoordigt.
- Benoem minimaal twee operationele eigenaren en leg openingstijden vast.
- Bevestig Teams-toegang voor iedere agent en correct gebruik van threadantwoorden.
- Scheid test- en productieroutering waar de configuratie dit toelaat.
- Documenteer wie de WebChat-backend en Teams-app beheert.
Implementatie
Gebruik het asynchrone script met het exacte kanaal
Het geleverde patroon laadt widget.js asynchroon en kiest de route via de parameter channel. Een verkeerd gekopieerd ID kan echte klantvragen naar het verkeerde team of de verkeerde taal sturen.
Plaats het script bij de afsluitende body-tag, tenzij CMS of toestemmingsplatform een gecontroleerde loader vereist. Dupliceer het niet in broncode en Tag Manager.
Bronnen: 2
Browser en privacy
Controleer CSP, toestemming en toegankelijkheid
- Sta alleen vereiste origins toe in de Content Security Policy.
- Bepaal met de privacyverantwoordelijke of de widget direct of na toestemming laadt.
- Werk de privacyverklaring bij met geverifieerde verwerkings- en retentiegegevens.
- Test focus, toetsenbord, labels, contrast, zoom en schermlezer.
- Publiceer geen ongedocumenteerde AVG- of hostinggaranties.
Acceptatie
Test de volledige ronde, niet alleen de knop
- 01
Laden
Controleer desktop, mobiel, traag netwerk, geblokkeerde opslag en toestemmingsstatussen.
- 02
Routeren
Stuur verschillende berichten vanaf iedere pagina, taal en geconfigureerde intentie.
- 03
Antwoorden
Antwoord vanuit het bedoelde kanaal en bevestig ontvangst bij de bezoeker.
- 04
Uitval
Test buiten openingstijden, zonder agent, bij herverbinding en met geblokkeerd script.
- 05
Observeren
Controleer console, netwerkverzoeken, Teams-meldingen en operationeel eigenaarschap.
Productie
Rol geleidelijk uit en behoud rollback
Begin met één representatieve route, valideer echt verkeer en supporteigenaarschap en breid daarna uit naar sjablonen en talen. Leg de site-kanaalmapping vast om latere kopieerfouten te voorkomen.
Verwijder de oude Microsoft-widget pas na acceptatie en monitoring van het nieuwe productiepad.