L'intranet aziendale è il punto di accesso quotidiano per i dipendenti: news, documenti, calendario. Vuoi aggiungere una sezione "KPI aziendali" sempre aggiornata. Soluzione: embed dashboard via iframe. Vediamo come fare in modo sicuro e quali casi d'uso sono ideali.
Cosa è iframe e perché usarlo
Un iframe (HTML element) permette di "incorporare" una pagina web dentro un'altra. Per dashboard:
- L'intranet ha un <iframe src="dashboard-url">.
- I dipendenti vedono dashboard senza lasciare l'intranet.
- Esperienza unificata.
Implementazione tecnica
Step 1: configurare link pubblico
In ReportIA:
- Crea dashboard.
- Genera link pubblico.
- Configura: scadenza lunga (1 anno+), refresh on-demand, no password (perché interno).
- Copia URL.
Step 2: embed nell'intranet
Nel codice intranet:
<iframe src="https://reportia.azienda.it/p/abc123xyz" width="100%" height="800" frameborder="0" allowfullscreen> </iframe>
Step 3: stile responsive
CSS per dimensione adattiva:
.dashboard-embed {
position: relative;
width: 100%;
height: 800px;
}
.dashboard-embed iframe {
width: 100%;
height: 100%;
border: none;
}
Casi d'uso ideali
Pagina home intranet
Sezione "KPI aziendali" con:
- Fatturato del mese.
- Progresso target trimestrale.
- Top news commerciali.
Tutti i dipendenti vedono ogni giorno.
Pagina sales intranet
Per il team commerciale:
- Pipeline corrente.
- Top opportunità.
- Performance squad.
Pagina HR
Per Risorse Umane:
- Headcount per dipartimento.
- Turnover.
- Soddisfazione dipendenti.
Pagina operations
Per stabilimento/operations:
- Produzione giornaliera.
- Magazzino.
- Difetti qualità.
Sicurezza dell'iframe
Token con scadenza
Anche se interno, scadenza 1-2 anni con rinnovo. Best practice.
Whitelist domini
L'iframe è caricato dal dominio intranet. ReportIA permette di configurare CORS per accettare solo richieste da quel dominio:
Access-Control-Allow-Origin: https://intranet.azienda.it
HTTPS obbligatorio
Sia intranet che dashboard via HTTPS. Browser moderni rifiutano iframe HTTP in pagine HTTPS.
X-Frame-Options
Header HTTP per dichiarare quali domini possono embeddare:
X-Frame-Options: ALLOW-FROM https://intranet.azienda.it
Oppure più moderno:
Content-Security-Policy: frame-ancestors https://intranet.azienda.it
Sso opzionale
Per integrazione completa con SSO aziendale:
- Dipendente loggato in intranet con SAML/OAuth.
- Iframe ReportIA riconosce token.
- Personalizzazione contenuti per ruolo dipendente.
Setup più complesso ma esperienza eccellente.
Limitazioni
Performance
Iframe carica risorse aggiuntive. Pagina intranet leggermente più lenta.
Mobile
Iframe non sempre responsive. Test su mobile necessario.
Aggiornamenti automatici
Configurabili in ReportIA: refresh ogni X minuti.
Best practice di design
- Dashboard semplici: 4-6 widget, non sovraccaricare.
- Tema coerente: colori che si abbinano all'intranet.
- Responsive: dashboard che si adatta alla larghezza dell'iframe.
- Loading state: spinner mentre l'iframe carica.
Casi pratici reali
Intranet SharePoint
Microsoft SharePoint supporta iframe via web part "Embed Code". Dashboard ReportIA visibile in pagina SharePoint.
Confluence Atlassian
Confluence ha macro "iframe". Dashboard embedded in pagine wiki.
WordPress aziendale
Plugin WordPress per iframe. Embed in pagine custom.
Custom Laravel/PHP intranet
Direttamente codice HTML con iframe.
I moduli ReportIA correlati
Scopri ReportIA e KPI nell'intranet aziendale.
