Componenti
Analytics
Widget per metriche audience, sessioni, distribuzione geografica e dispositivi.
I widget analytics tracciano l'andamento del traffico web e l'engagement degli utenti. Tutti estendono BaseWidgetProps (e quindi accettano widgetId, widgetType, currency iniettati dal Dashboard).
AudiencesMetrics
Card metriche audience con grafico a barre e selettore periodo.
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | AudienceMetric[] | Metriche da visualizzare nelle card superiori |
periods | readonly string[] | Etichette dei periodi (es. ['7gg', '30gg', '90gg']) |
initialPeriod | string | Periodo selezionato inizialmente |
chartDatasets | AnalyticsChartDataset[] | Dataset Chart.js per il grafico a barre |
chartLabels | readonly string[] | Etichette asse X |
<PzetaDashboard :config="{ widgets: [{
id: 'aud', type: WidgetType.AudiencesMetrics, width: 12, height: 2,
props: { metrics, periods: ['7gg', '30gg', '90gg'], initialPeriod: '30gg' }
}] }" />
AudiencesSessions
Heatmap delle sessioni per giorno e ora della settimana.
| Prop | Tipo | Descrizione |
|---|---|---|
weekDays | readonly string[] | Etichette giorni della settimana |
hoursCount | number | Numero di ore visualizzate nella griglia |
periodOptions | PeriodOption[] | Opzioni filtro periodo |
LiveUsersCountry
Mappa geografica interattiva (Chart.js Geo) con utenti per regione.
| Prop | Tipo | Descrizione |
|---|---|---|
country | CountryCode | Codice ISO paese (default: 'IT'). Supporta paesi europei + UA |
regioniData | readonly RegionData[] | Dati per regione con utenti e variazioni |
SessionsByCountry
Lista paesi ordinata per numero di sessioni con filtro temporale.
| Prop | Tipo | Descrizione |
|---|---|---|
data | readonly SessionData[] | Sessioni per paese |
filters | readonly TimeFilter[] | Filtri temporali disponibili |
initialFilter | TimeFilter | Filtro inizialmente selezionato |
TopPagesWidget
Tabella delle pagine piu visitate con metriche.
| Prop | Tipo | Descrizione |
|---|---|---|
pages | readonly TopPageData[] | Pagine principali |
menuOptions | readonly MenuOption[] | Opzioni menu dropdown |
scrollHeight | string | Altezza area scrollabile (es. '300px') |
UsersByDevice
Grafico a ciambella con distribuzione utenti per tipologia di dispositivo.
| Prop | Tipo | Descrizione |
|---|---|---|
devices | readonly DeviceData[] | Dati per tipologia di dispositivo |
menuOptions | readonly MenuOption[] | Opzioni filtro temporale |