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 basate sulle origini di big data, come il report sull'esperienza utente di Chrome (CrUX). In questa guida scoprirai come creare una dashboard CrUX personalizzata per monitorare le tendenze relative all'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 integra una funzionalità di Looker Studio chiamata Connettori della community. Questo connettore è un collegamento prestabilito tra i dati non elaborati CrUX su BigQuery e le visualizzazioni di Looker Studio. Elimina la necessità per gli utenti della dashboard di scrivere query o generare grafici. Tutto è realizzato per te; ti basta fornire un'origine e verrà generata una dashboard personalizzata per te.

La dashboard CrUX predefinita

CrUX dispone di una dashboard predefinita, che è gestita dal team di CrUX. Le nuove metriche (ad esempio INP) vengono aggiunte dal team e sono 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 in base alle tue esigenze.

Per creare una dashboard personalizzata, vai alla pagina g.co/chromeuxdash. Verrà visualizzata la pagina del connettore della community CrUX, in cui potrai specificare l'origine per cui verrà generata la dashboard. Tieni presente che ai nuovi utenti potrebbe essere necessario completare le richieste di autorizzazione o di preferenza di marketing.

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

Il campo di immissione di 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 delle origini riguardano il 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.

Se selezioni la casella di controllo, l'origine verrà inclusa nell'URL della dashboard e sarà possibile utilizzare la stessa dashboard per origini diverse modificando questo parametro URL in futuro. Ti consigliamo quindi di selezionarlo.

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

Se la tua 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 contenere dati sufficienti per essere inclusa.

Screenshot di un messaggio di errore popup che mostra, tra gli altri messaggi di errore, "Questo set di dati contiene oltre 15 milioni di origini, ma https://doesnotexist.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 per la dashboard. Qui sono mostrati tutti i campi inclusi: ogni tipo di connessione effettiva, 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 o modificare nulla in questa pagina, fai clic su Crea report per continuare.

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

Utilizzare la dashboard

Ogni dashboard è composta da tre tipi di pagine:

  1. Panoramica dei Segnali web essenziali
  2. Rendimento delle metriche
  3. Dati demografici utente

Ogni pagina include un grafico che mostra le distribuzioni nel tempo di 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 costituito dai dati relativi all'esperienza utente del mese di maggio viene rilasciato il secondo martedì di giugno.

Panoramica dei Segnali web essenziali

La prima pagina è una panoramica delle prestazioni mensili dei Segnali web essenziali dell'origine. Queste sono le metriche UX più importanti su cui Google consiglia di concentrarti.

Screenshot della panoramica dei Segnali web essenziali della dashboard di CrUX che mostra le informazioni delle metriche LCP, INP e CLS.
Panoramica dei Segnali web essenziali della dashboard di CrUX

Utilizza la pagina Core Web Vitals per comprendere l'esperienza degli utenti di computer e telefoni sull'origine. Per impostazione predefinita, è selezionato il mese più recente al momento della creazione della dashboard. Per passare da una release mensile precedente a una più recente, 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 Filtro in Looker Studio.
Modifica della dashboard di CrUX per mostrare i tablet nella pagina Core Web Vitals

Rendimento delle metriche

Nella pagina Core Web Vitals, troverai pagine indipendenti per tutte le metrics nel set di dati CrUX.

Screenshot della pagina LCP della dashboard di CrUX che mostra i 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 con i telefoni. Questa impostazione viene applicata a tutte le pagine.

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

Le percentuali del mese più recente di esperienze "buone" e "scarse" 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% al 56,04% su base mensile.

Inoltre, per metriche come LCP e altri Segnali web essenziali che forniscono consigli espliciti sul percentile, troverai la metrica "P75" tra le percentuali "buona" e "scarsa". Questo valore corrisponde al 75° percentile di esperienze utente dell'origine. In altre parole, il 75% delle esperienze è migliore di questo valore. Una cosa da notare è che questo vale per la 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 diffusione", in cui le densità delle esperienze utente sono intrinsecamente raggruppate in bin molto approssimativi con granularità decrescente. In questo modo possiamo includere 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 con una larghezza di 200 ms. Tra 3 e 10 secondi, le fasce hanno una larghezza di 500 ms. Oltre 10 secondi, i bin sono larghi 5000 ms... Anziché avere bin di larghezze diverse, la distribuzione delle fasce assicura che tutte le fasce abbiano una larghezza costante di 100 ms (il massimo comune divisore) e che la distribuzione sia interpolata lineare in ogni fascia.

I valori P75 corrispondenti in strumenti come PageSpeed Insights non si basano sul set di dati pubblico di BigQuery e sono in grado di fornire valori di precisione al 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 mostrano la distribuzione delle visualizzazioni di pagina nell'intera origine per gli utenti di ciascun gruppo demografico.

La pagina di distribuzione dei dispositivi mostra la suddivisione degli utenti di telefoni, computer e tablet nel tempo. Molte origini tendono ad avere pochi dati sui tablet o nulli, quindi spesso vedrai "0%" oltre il bordo del grafico.

Screenshot della pagina dei dispositivi della dashboard di CrUX che mostra come cambia l'analisi su base mensile.
Pagina del dispositivo della dashboard di CrUX

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

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

Domande frequenti

Ecco alcune delle domande più frequenti sulla creazione di dashboard CrUX in Looker Studio:

Quando dovrei usare la Dashboard di CrUX invece di altri strumenti?

La dashboard di CrUX si basa sugli stessi dati sottostanti disponibili su BigQuery, ma non devi scrivere una sola riga di SQL per estrarre i dati e non dovrai mai preoccuparti di superare le quote senza costi. Configurare una dashboard è più facile e veloce rispetto alla visualizzazione di query sui dati sottostanti, tutte le visualizzazioni vengono generate per te e puoi decidere di condividerle con chiunque tu voglia.

Esistono limitazioni relative all'utilizzo della dashboard di CrUX?

Essendo basata su BigQuery, CrUX Dashboard eredita anche tutte le sue limitazioni. Sono limitati ai dati a livello di origine con granularità mensile.

La dashboard di CrUX inoltre lascia passare in parte la versatilità dei dati non elaborati su BigQuery per semplicità e convenienza. Ad esempio, le distribuzioni delle metriche vengono indicate solo come "buona", "da migliorare" e "scarsa", al contrario degli istogrammi completi. La dashboard di CrUX fornisce inoltre dati a livello globale, mentre il set di dati BigQuery 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.