Antes del código
Crear el canal y su modelo de propiedad
- Decidir si el canal representa una web, idioma, departamento, producto o campaña.
- Nombrar al menos dos responsables operativos y la cobertura horaria.
- Confirmar el acceso de todos los agentes y el uso correcto de respuestas en hilos.
- Separar rutas de prueba y producción cuando la configuración lo permita.
- Documentar quién administra el backend de WebChat y la app de Teams.
Implementación
Usar el script asíncrono con el canal exacto
El patrón suministrado carga widget.js de forma asíncrona e identifica la ruta mediante el parámetro channel. Copiar un ID incorrecto puede enviar consultas reales al equipo o idioma equivocados.
Coloque el script cerca del cierre de body salvo que el CMS o la plataforma de consentimiento exijan un cargador controlado. No lo duplique en código y Tag Manager.
Fuentes: 2
Navegador y privacidad
Comprobar CSP, consentimiento y accesibilidad
- Permitir únicamente los orígenes necesarios en Content Security Policy.
- Decidir con privacidad si el widget carga inmediatamente o tras el consentimiento.
- Actualizar el aviso de privacidad con información verificada sobre tratamiento y conservación.
- Probar foco, teclado, etiquetas, contraste, zoom y lector de pantalla.
- No publicar garantías de RGPD o alojamiento que no estén documentadas.
Aceptación
Probar el recorrido completo, no solo el botón
- 01
Carga
Revisar escritorio, móvil, red lenta, almacenamiento bloqueado y estados de consentimiento.
- 02
Ruta
Enviar mensajes distintos desde cada página, idioma e intención configurados.
- 03
Respuesta
Contestar desde el canal previsto y comprobar la llegada al visitante.
- 04
Fallo
Probar fuera de horario, sin agentes, reconexión y script bloqueado.
- 05
Observación
Revisar consola, solicitudes, avisos de Teams y propiedad operativa.
Producción
Desplegar por etapas y conservar la reversión
Empiece por una ruta representativa, valide tráfico real y responsabilidad del soporte, y amplíe después a plantillas e idiomas. Registre la relación entre canal y web para evitar futuras copias erróneas.
Retire el widget de Microsoft únicamente después de aceptar y monitorizar el nuevo recorrido en producción.