Guida all'implementazione · esempio WebChat

Installare un'alternativa a Teams Live Chat senza inviare i clienti al canale sbagliato

Lo snippet è solo l'ultimo passo. Proprietà del canale, separazione degli ambienti, sicurezza e una conversazione reale determinano la riuscita.

Verificato: 3 Fonti verificate

Prima del codice

Creare il canale e il modello di responsabilità

  • Decidere se il canale rappresenta un sito, una lingua, un reparto, un prodotto o una campagna.
  • Nominare almeno due proprietari operativi e definire la copertura oraria.
  • Confermare l'accesso Teams di ogni agente e l'uso corretto delle risposte nei thread.
  • Separare test e produzione quando la configurazione lo consente.
  • Documentare chi amministra backend WebChat e app Teams.

Fonti: 1, 2

Implementazione

Usare lo script asincrono con l'ID esatto

Il modello fornito carica widget.js in modo asincrono e identifica la route con il parametro channel. Un ID copiato per errore può inviare richieste reali al team o alla lingua sbagliati.

Posizionate lo script vicino alla chiusura di body, salvo esigenze del CMS o della piattaforma di consenso. Non duplicatelo nel codice e in Tag Manager.

Fonti: 2

Browser e privacy

Verificare CSP, consenso e accessibilità

  • Consentire soltanto le origini necessarie nella Content Security Policy.
  • Decidere con il responsabile privacy se caricare il widget subito o dopo il consenso.
  • Aggiornare l'informativa con dati verificati su trattamento e conservazione.
  • Testare focus, tastiera, etichette, contrasto, zoom e screen reader.
  • Non pubblicare garanzie GDPR o di hosting non documentate.

Collaudo

Testare il percorso completo, non solo il pulsante

  1. 01

    Caricamento

    Controllare desktop, mobile, rete lenta, storage bloccato e stati del consenso.

  2. 02

    Routing

    Inviare messaggi distinti da ogni pagina, lingua e intento configurati.

  3. 03

    Risposta

    Rispondere dal canale previsto e confermare la ricezione al visitatore.

  4. 04

    Guasto

    Testare fuori orario, nessun agente, riconnessione e script deliberatamente bloccato.

  5. 05

    Osservazione

    Controllare console, richieste, notifiche Teams e responsabilità operative.

Produzione

Rilasciare gradualmente e conservare il rollback

Partite da una route rappresentativa, convalidate traffico e responsabilità del supporto, quindi estendete a template e lingue. Registrate la mappatura sito-canale per evitare copie errate future.

Rimuovete il vecchio widget Microsoft soltanto dopo il collaudo e il monitoraggio del nuovo percorso in produzione.

FAQ

Domande frequenti

Dove va inserito lo script WebChat?

Il modello fornito si posiziona prima della chiusura di body e carica in modo asincrono. CMS, CSP o consenso possono richiedere un'integrazione controllata.

Posso riutilizzare lo stesso ID per tutte le lingue?

Solo se è una scelta operativa consapevole. Canali separati spesso chiariscono routing e responsabilità; non copiate mai l'ID di un altro progetto.

Vedere il pulsante dimostra che funziona?

No. Il collaudo deve inviare un messaggio al punto Teams corretto e confermare che la risposta torni al visitatore.

Il widget deve caricarsi prima del consenso?

Dipende dai flussi dati verificati e dalla base giuridica. La decisione spetta al responsabile privacy sulla base della documentazione reale.

Fonti verificate

Fonti e data di verifica

  1. 01
    WebChat by inwebco GmbH

    Microsoft Marketplace / inwebco GmbH · Verificato:

    Apri fonte
    verificata
  2. 02
    Setting Up WebChat: The Complete Guide for Microsoft Teams

    inwebco GmbH · Verificato:

    Apri fonte
    verificata
  3. 03
    WebChat für Microsoft Teams

    inwebco GmbH · Verificato:

    Apri fonte
    verificata