Web app statica (zero backend, zero build step) per monitorare il CSAT del team Customer Care e dei mercati globali.
Funziona interamente nel browser: i dati non lasciano mai il tuo dispositivo.
- Apri Salesforce → Reports → cerca il report CSAT1.
- Clicca Export → scegli formato Excel (.xlsx).
- Salva il file sul tuo computer (resterà fuori dal repository, è nei
.gitignore).
Il report deve contenere almeno queste colonne (il parser le trova automaticamente):
| Colonna | Uso |
|---|---|
Created By: Full Name |
Agente (forward-fill per gruppo) |
Created Date (prima occorrenza) |
Gruppo mese |
Number Value |
Voto 1–5 |
Response Completion Date and Time |
Data survey (preferita) |
Created Date (seconda occorrenza) |
Data fallback |
Name |
Filtra solo righe che iniziano con Case |
Contact |
Nome cliente (opzionale) |
- Apri
index.htmlnel browser (o visita l'URL GitHub Pages). - Clicca Carica export e seleziona il file
.xlsx. - I KPI si aggiornano immediatamente.
- Seleziona agente, data e voto (1–5), poi Aggiungi al totale team.
- Le survey manuali appaiono con il tag manuale nella lista e si possono eliminare.
- Se inserisci il numero Case, il sistema evita doppioni con il prossimo export.
- YTD 2026: tutte le survey dell'anno corrente.
- Mese: filtra per mese specifico; usa il menu a tendina accanto.
- Impatto prossima survey: mostra come cambia il CSAT se prendi 1–3 oppure 4–5.
- Simulazione live: aggiungi pass/fail ipotetici con i pulsanti e vedi il risultato in tempo reale.
- Obiettivo: inserisci il target % e scopri quante 4/5 consecutive servono per raggiungerlo, o quante 1/2/3 per scenderci sotto.
- Esporta backup: scarica un file
.jsoncon tutti i dati (base + manuali + mercati). - Importa backup: carica un backup precedente per ripristinare i dati.
Il pulsante Carica file rileva in automatico il tipo di file dalle intestazioni:
| Tipo file | Colonne chiave | Cosa fa |
|---|---|---|
| CSAT1 (Team) | Number Value + Created By: Full Name |
Popola la vista Team |
| Dettaglio mercati | ISO + CSAT score |
Una riga per survey; categoria testuale → voto 1–5 |
| Riepilogo mercati | Market + Comp rate |
Una riga per paese con KPI aggregati |
| Testo Salesforce | Voto |
|---|---|
| Very Satisfied | 5 |
| Satisfied | 4 |
| Neither satisfied nor dissatisfied | 3 |
| Not satisfied | 2 |
| Not satisfied at all | 1 |
- Carica il riepilogo mercati (
.xlsx) → appare la tabella paesi ordinata per CSAT. - Carica il dettaglio mercati → si sblocca il trend mensile, il drill-down per canale e la lista survey.
- Clicca su un paese nella tabella per aprire il dettaglio.
- Il segno ✓ verde accanto al CSAT conferma che il valore ricalcolato dal dettaglio coincide con il riepilogo ufficiale.
Nota: il file mercati misura il paese intero. Per l'IT il conteggio sarà diverso da quello del Team (es. ~159 vs ~153 survey): è corretto, misurano perimetri diversi.
CSAT% = (survey con voto 4 o 5) / (totale survey) × 100
Arrotondato a 1 decimale. Nessun punteggio per singolo agente nella vista Team: si monitora solo il team.
Nella vista Mercati il CSAT è a livello-paese (nessun dato per agente).
# 1. Crea un repository su GitHub (es. "csat-team"), poi:
git remote add origin https://github.com/<tuo-username>/csat-team.git
git push -u origin main
# 2. Su GitHub → Settings → Pages:
# Source: "Deploy from a branch"
# Branch: main / (root)
# Save
# L'app sarà disponibile su:
# https://<tuo-username>.github.io/csat-team/Importante: il
.gitignoreesclude già*.xlsx,*.xls,*.csv,data/,backups/e i filecsat-backup*.json.
Non committare mai file con dati reali di clienti o agenti.
- Nessuna chiamata di rete con dati utente.
- Tutto elaborato localmente con JavaScript nel browser.
- I dati persistono in
localStoragedel browser; usa Esporta backup per spostarli tra dispositivi. - Il codice sorgente (HTML/CSS/JS) non contiene dati reali.