Come creare una dashboard CrUX su Looker Studio

Looker Studio (in precedenza Data Studio) è un potente strumento di visualizzazione dei dati che ti consente di creare dashboard sulla base di origini big data, come il report sull'esperienza utente di Chrome (CrUX). In questa guida, scopri come creare la tua dashboard CrUX personalizzata per monitorare le tendenze dell'esperienza utente di un'origine.

Screenshot della dashboard di CrUX che mostra vari grafici a barre in pila che cambiano nel corso dei vari mesi.
Dashboard di CrUX

La dashboard di CrUX include una funzionalità di Looker Studio chiamata Connettori della community. Questo connettore è un collegamento prestabilito tra i dati CrUX non elaborati su BigQuery e le visualizzazioni di Looker Studio. Elimina la necessità per gli utenti della dashboard di scrivere query o generare grafici. Ogni cosa è creata per te: è sufficiente fornire un'origine per generare automaticamente una dashboard personalizzata.

La dashboard di CrUX predefinita

CrUX dispone di una dashboard predefinita, gestita dal team di CrUX. Le nuove metriche (ad esempio INP) vengono aggiunte dal team e disponibili al successivo caricamento della dashboard.

Crea una dashboard personalizzata

Alcuni utenti potrebbero voler personalizzare la dashboard, nel qual caso puoi creare una copia personalizzata della dashboard predefinita e modificarla in base alle tue esigenze.

Per creare una dashboard personalizzata, vai all'indirizzo g.co/chromeuxdash. Verrà visualizzata la pagina del connettore della community CrUX, dove potrai indicare l'origine per la quale verrà generata la dashboard. Tieni presente che i nuovi utenti potrebbero dover completare richieste relative all'autorizzazione o alle preferenze di marketing.

Screenshot della schermata di configurazione del connettore della dashboard CrUX con un campo per inserire un URL di origine e una casella di spunta per consentire la modifica del campo nei report.
Il connettore CrUX Dashboard

Il campo di immissione testo accetta solo le origini, non gli URL completi. Ad esempio:

Origine (supportata)
https://developer.chrome.com
URL (non supportato)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

Se ometti il protocollo, viene usato il protocollo HTTPS. I sottodomini sono importanti, ad esempio https://developers.google.com e https://www.google.com sono considerati origini diverse.

Alcuni problemi comuni con le origini riguardano la fornitura di un protocollo errato, ad esempio http:// anziché https://, e l'omissione del sottodominio quando necessario. Alcuni siti web includono reindirizzamenti, quindi se http://example.com reindirizza a https://www.example.com, devi utilizzare quest'ultimo, che è la versione canonica dell'origine. Come regola generale, utilizza l'origine visualizzata dagli utenti nella barra degli indirizzi.

Selezionando la casella di controllo, l'origine sarà inclusa nell'URL della dashboard, il che consente di utilizzare la stessa dashboard per origini diverse modificando questo parametro URL in futuro, pertanto ti consigliamo di selezionarlo.

Fai clic sul pulsante Connetti. Se hai selezionato la casella di controllo, ti verrà chiesto di confermarla.

Se l'origine non è inclusa nel set di dati CrUX, potresti ricevere un messaggio di errore come quello mostrato nel diagramma successivo. Il set di dati contiene oltre 15 milioni di origini, ma quella che vuoi potrebbe non avere dati sufficienti da includere.

Screenshot di un messaggio di errore popup che indica, tra gli altri messaggi di errore, "Ci sono oltre 15 milioni di origini in questo set di dati, ma https://diversamente da quando non è presente questo indirizzo".
Messaggio di errore del connettore della community CrUX quando non esiste un'origine

Se l'origine esiste, si aprirà la pagina dello schema della dashboard. Vengono mostrati tutti i campi inclusi: ogni tipo di connessione effettivo, ogni fattore di forma, il mese di rilascio del set di dati, la distribuzione delle prestazioni per ogni metrica e, ovviamente, il nome dell'origine. In questa pagina non devi fare nulla o modificare, basta fare clic su Crea report per continuare.

Screenshot dell'editor di schema della dashboard di CrUX con vari campi, tipi, aggregazione e descrizioni, con la possibilità di modificarli o aggiungere nuovi campi.
Schema della dashboard di CrUX

Utilizzare la dashboard

Ogni dashboard include tre tipi di pagine:

  1. Panoramica di Core Web Vitals
  2. Rendimento delle metriche
  3. Dati demografici utente

Ogni pagina include un grafico che mostra le distribuzioni nel tempo per ogni release mensile disponibile. Quando vengono rilasciati nuovi set di dati, puoi aggiornare la dashboard per ottenere i dati più recenti.

I set di dati mensili vengono pubblicati il secondo martedì di ogni mese. Ad esempio, il set di dati composto dai dati sull'esperienza utente del mese di maggio viene rilasciato il secondo martedì di giugno.

Panoramica di Core Web Vitals

La prima pagina fornisce una panoramica delle prestazioni mensili dei Core Web Vitals dell'origine. Queste sono le metriche UX più importanti su cui Google ti consiglia di concentrarti.

Screenshot della panoramica dei Core Web Vitals di CrUX Dashboard che mostra informazioni sulle metriche LCP, INP e CLS.
Panoramica dei Core Web Vitals di CrUX Dashboard

Utilizza la pagina Core Web Vitals per capire in che modo gli utenti di computer e smartphone possono sperimentare l'origine. Per impostazione predefinita, viene selezionato il mese più recente al momento della creazione della dashboard. Per passare dalle uscite mensili precedenti a quelle più recenti, utilizza il filtro Mese nella parte superiore della pagina.

Tieni presente che i tablet vengono omessi da questi grafici per impostazione predefinita, ma se necessario puoi rimuovere il filtro Nessun tablet nella configurazione del grafico a barre:

Screenshot della modifica dell'opzione Filtro in Looker Studio.
Modifica della dashboard di CrUX in modo che mostri i tablet nella pagina Core Web Vitals

Rendimento delle metriche

Dopo la pagina Core Web Vitals, troverai pagine autonome per tutte le metriche nel set di dati CrUX.

Screenshot della pagina LCP della dashboard di CrUX che mostra vari grafici a barre in pila che cambiano nel corso dei vari mesi.
Pagina LCP della dashboard di CrUX

Nella parte superiore di ogni pagina è presente il filtro Dispositivo, che puoi utilizzare per limitare i fattori di forma inclusi nei dati dell'esperienza. Ad esempio, puoi visualizzare in dettaglio le esperienze specifiche con lo smartphone. Questa impostazione viene mantenuta su tutte le pagine.

Le visualizzazioni principali di queste pagine sono le distribuzioni mensili delle esperienze classificate come "Buono", "Richiede miglioramenti" e "Scadente". La legenda dei colori sotto il grafico indica l'intervallo di esperienze incluse nella categoria. Ad esempio, nello screenshot precedente, puoi vedere la percentuale di "Buono" Per la metrica Largest Contentful Paint (LCP) si verificano fluttuazioni e un leggero peggioramento negli ultimi mesi.

Le percentuali di "Buono" nell'ultimo mese e "scadente" esperienze sono mostrate sopra il grafico con un indicatore della differenza percentuale rispetto al mese precedente. Per questa origine, "buona" Le esperienze LCP sono diminuite del 3,2% su base mensile, raggiungendo il 56,04%.

Inoltre, per metriche come LCP e altri Core Web Vitals che forniscono consigli espliciti sui percentili, troverai "P75" la metrica "Buono" e "scadente" percentuali. Questo valore corrisponde al 75° percentile di esperienze utente dell'origine. In altre parole, il 75% delle esperienze è migliore di questo valore. Tieni presente che questo si applica alla distribuzione complessiva su tutti i dispositivi nell'origine. L'attivazione/disattivazione di dispositivi specifici con il filtro Dispositivo non ricalcola il percentile.

Avvertenze tecniche sui percentili

Tieni presente che le metriche percentili si basano sui dati dell'istogramma di BigQuery, pertanto la granularità sarà approssimativa: 100 ms per LCP, 25 ms per INP e 0, 05 per CLS. In altre parole, un LCP P75 di 3800 ms indica che il vero 75° percentile è compreso tra 3800 ms e 3900 ms.

Inoltre, il set di dati BigQuery utilizza una tecnica chiamata "bin spreading" in cui le densità delle esperienze utente sono intrinsecamente raggruppate in fasce molto generiche di granularità decrescente. Questo ci consente di includere le densità minuti nella coda della distribuzione senza dover superare le quattro cifre di precisione. Ad esempio, i valori LCP inferiori a 3 secondi vengono raggruppati in bin di 200 ms di larghezza. Tra 3 e 10 secondi, i bin hanno una larghezza di 500 ms. Oltre 10 secondi, i bin hanno una larghezza di 5000 ms... Anziché avere bin di diverse larghezze, lo spreading dei bin garantisce che tutti i bin abbiano una larghezza costante di 100 ms (il massimo comun divisore) e che la distribuzione sia interpolata linearmente in ogni fascia.

I valori P75 corrispondenti in strumenti come PageSpeed Insights non si basano sul set di dati pubblico BigQuery e sono in grado di fornire valori con precisione in millisecondi.

Dati demografici utente

Nelle pagine relative ai dati demografici degli utenti sono incluse due dimensioni: dispositivi e tipi di connessione effettivi (ECT). Queste pagine illustrano la distribuzione delle visualizzazioni di pagina nell'intera origine per gli utenti in ogni gruppo demografico.

La pagina di distribuzione dei dispositivi mostra la suddivisione degli utenti di smartphone, computer e tablet nel tempo. Molte origini tendono ad avere pochi o nessun dato sui tablet, quindi spesso vedrai "0%" fuori dal bordo del grafico.

Screenshot della pagina dei dispositivi CrUX Dashboard che mostra come cambia mese per mese l'analisi dei dispositivi.
Pagina del dispositivo Dashboard di CrUX

Allo stesso modo, la pagina di distribuzione ECT mostra l'analisi delle esperienze 4G, 3G, 2G, 2G lento e offline.

Le distribuzioni di queste dimensioni vengono calcolate utilizzando i segmenti Dati dell'istogramma First Contentful Paint (FCP).

Domande frequenti

Queste sono alcune delle domande frequenti sulla creazione di dashboard CrUX in Looker Studio:

Quando dovrei utilizzare la dashboard di CrUX anziché altri strumenti?

La dashboard di CrUX si basa sugli stessi dati sottostanti disponibili su BigQuery, ma non è necessario scrivere una sola riga di SQL per estrarre i dati e non dovrai mai preoccuparti di superare le quote senza costi. L'impostazione di una dashboard è più rapida e semplice rispetto alla visualizzazione delle query sui dati sottostanti: tutte le visualizzazioni vengono generate automaticamente e hai la possibilità di condividerle con chiunque desideri.

Esistono limitazioni all'utilizzo della dashboard di CrUX?

Essendo basata su BigQuery, la dashboard di CrUX eredita anche tutte le sue limitazioni. È limitata ai dati a livello di origine con granularità mensile.

La dashboard di CrUX tralascia anche parte della versatilità dei dati non elaborati su BigQuery in termini di semplicità e convenienza. Ad esempio, le distribuzioni delle metriche vengono indicate solo come "buona", "richiede miglioramenti" e "scarsa", a differenza degli istogrammi completi. La dashboard di CrUX fornisce inoltre dati a livello globale, mentre il set di dati BigQuery ti consente di aumentare lo zoom su paesi specifici.

Dove posso trovare ulteriori informazioni su Looker Studio?

Per saperne di più, consulta la pagina delle funzionalità di Looker Studio.