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 su 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 CrUX che mostra vari grafici a barre in pila che cambiano nel corso di diversi 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. Tutto è pronto per te; devi solo fornire un'origine e verrà generata una dashboard personalizzata.

La dashboard di CrUX predefinita

CrUX ha 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. In questo caso, puoi creare una copia della dashboard predefinita e modificarla come preferisci.

Per creare una dashboard personalizzata, vai alla pagina 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 gli utenti che accedono per la prima volta potrebbero dover completare richieste di autorizzazione o 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 controllo per consentire la modifica di questo campo nei report.
Il connettore della dashboard CrUX

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, si presume che sia HTTPS. I sottodomini sono importanti, ad esempio https://developers.google.com e https://www.google.com sono considerati origini diverse.

Alcuni problemi comuni relativi alle origini sono l'indicazione del protocollo errato, ad esempio http:// anziché https://, e l'omissione del sottodominio, se 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 che gli utenti vedono nella barra degli indirizzi.

Se selezioni la casella di controllo, l'origine verrà 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 selezionare la casella di controllo.

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

Se la tua origine non è inclusa nel set di dati CrUX, potresti visualizzare 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://www.Donotexist.origin non è una di queste"
Messaggio di errore del connettore della community CrUX quando non esiste un'origine

Se l'origine esiste, verrà visualizzata 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. Non devi fare nulla o modificare nulla in questa pagina. 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 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. Man mano che vengono rilasciati nuovi set di dati, puoi aggiornare la dashboard per ottenere i dati più recenti.

I set di dati mensili vengono rilasciati 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 è una panoramica del rendimento mensile dei Segnali web essenziali dell'origine. Queste sono le metriche UX più importanti su cui Google ti consiglia di concentrarti.

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

Utilizza la pagina Core Web Vitals per capire come gli utenti di computer e smartphone utilizzano 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 il tablet viene omesso 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 Filtra in Looker Studio.
Modificare la dashboard CrUX per mostrare 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 CrUX che mostra vari grafici a barre in pila che cambiano nel corso di diversi 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 sulle esperienze. Ad esempio, puoi visualizzare in dettaglio le esperienze con lo smartphone. Questa impostazione viene mantenuta nelle pagine.

Le visualizzazioni principali in queste pagine sono le distribuzioni mensili delle esperienze classificate come "Buona", "Richiede miglioramenti" e "Scadente". La legenda codificata a colori sotto il grafico indica la gamma di esperienze incluse nella categoria. Ad esempio, nello screenshot precedente, puoi vedere la percentuale di fluttuazioni e un leggero peggioramento delle visualizzazioni di Largest Contentful Paint (LCP) buone negli ultimi mesi.

Le percentuali di esperienze "buone" e "scadenti" del mese più recente vengono mostrate sopra il grafico, insieme a un indicatore della differenza percentuale rispetto al mese precedente. Per questa origine, le esperienze LCP "buone" sono diminuite del 3,2%, passando dal 56,04% al 52,84% su base mensile.

Inoltre, per metriche come LCP e altri Core Web Vitals che forniscono consigli espliciti sui percentile, troverai la metrica "P75" tra le percentuali "buono" e "scadente". 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 vale per la distribuzione complessiva su tutti i dispositivi dell'origine. L'attivazione/disattivazione di dispositivi specifici con il filtro Dispositivo non ricalcola il percentile.

Limitazioni tecniche relative ai percentili

Tieni presente che le metriche percentile 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 75° percentile effettivo è 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 intervalli molto approssimativi 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 intervalli di 200 ms. Tra 3 e 10 secondi, gli intervalli hanno una larghezza di 500 ms. Oltre 10 secondi, gli intervalli sono di 5000 ms... Anziché avere intervalli di larghezza variabile, la distribuzione degli intervalli garantisce che tutti gli intervalli abbiano una larghezza costante di 100 ms (il massimo comun divisore) e che la distribuzione venga interpolata linearmente in ogni intervallo.

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

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 di ogni gruppo demografico.

La pagina Distribuzione dei dispositivi mostra la suddivisione degli utenti di smartphone, computer e tablet nel tempo. Molte origini tendono a non avere dati relativi ai tablet o a averne pochi, pertanto spesso vedrai "0%" sul lato del grafico.

Screenshot della pagina del dispositivo della dashboard CrUX che mostra la variazione della suddivisione dei dispositivi mese dopo mese.
Pagina del dispositivo della dashboard CrUX

Analogamente, la pagina di distribuzione ECT mostra la suddivisione delle esperienze 4G, 3G, 2G, 2G lento e offline.

Le distribuzioni per queste dimensioni vengono calcolate utilizzando i segmenti dei dati dell'istogramma First Contentful Paint (FCP).

Domande frequenti

Di seguito sono riportate alcune delle domande frequenti sulla creazione di dashboard CrUX su Looker Studio:

Quando è consigliabile utilizzare la dashboard CrUX rispetto ad altri strumenti?

La dashboard CrUX si basa sugli stessi dati sottostanti disponibili in BigQuery, ma non devi scrivere una singola riga di SQL per estrarre i dati e non devi mai preoccuparti di superare le quote senza costi. La configurazione di una dashboard è più rapida e semplice rispetto alla visualizzazione dell'esecuzione di query sui dati sottostanti. Tutte le visualizzazioni vengono generate per te e hai il controllo per condividerle con chiunque tu voglia.

Esistono limitazioni all'utilizzo della dashboard 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 CrUX sacrifica inoltre parte della versatilità dei dati non elaborati su BigQuery in nome della semplicità e della praticità. Ad esempio, le distribuzioni delle metriche vengono indicate solo come "buone", "da migliorare" e "scarse", a differenza delle ampie ampiezze. La dashboard CrUX fornisce anche dati a livello globale, mentre il set di dati BigQuery ti consente di aumentare lo zoom su determinati paesi.

Dove posso trovare ulteriori informazioni su Looker Studio?

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