Looker Studio (dawniej Studio danych) to zaawansowane narzędzie do wizualizacji danych, które umożliwia tworzenie paneli na podstawie dużych źródeł danych, takich jak raport na temat użytkowania Chrome (CrUX). Z tego przewodnika dowiesz się, jak utworzyć własny niestandardowy panel CrUX, aby śledzić trendy dotyczące oceny funkcjonalności przez użytkowników.
![Zrzut ekranu panelu CrUX przedstawiający różne wykresy słupkowe z różnymi wartościami w różnych miesiącach](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-0627323162963.png?hl=pl)
Panel CrUX jest tworzony za pomocą funkcji Looker Studio o nazwie Połączenia społeczności. To wcześniej utworzone połączenie między nieprzetworzonymi danymi CrUX w BigQuery a wizualizacjami w Looker Studio. Dzięki temu użytkownicy panelu nie muszą pisać zapytań ani generować wykresów. Wszystko jest gotowe. Wystarczy, że podasz źródło, a panel niestandardowy zostanie wygenerowany.
Domyślny panel w CrUX
CrUX ma domyślny panel, który jest aktualizowany przez zespół ds. CrUX. Nowe dane (np. INP) są dodawane przez zespół i są dostępne przy następnym wczytaniu panelu.
Tworzenie panelu niestandardowego
Niektórzy użytkownicy mogą chcieć dostosować panel. W takim przypadku możesz utworzyć własną kopię domyślnego panelu i zmienić go w pożądany sposób.
Aby utworzyć niestandardowy panel, otwórz g.co/chromeuxdash. Spowoduje to przejście na stronę łącznika społecznościowego w CrUX, na której możesz podać źródło, dla którego ma być generowany panel. Pamiętaj, że użytkownicy, którzy korzystają z aplikacji po raz pierwszy, mogą musieć wypełnić prośby o uprawnienia lub ustawienia dotyczące reklam.
![Zrzut ekranu z ekranem konfiguracji łącznika z panelem CrUX, na którym znajduje się pole do wpisania adresu URL źródłowego i pole wyboru umożliwiające modyfikowanie tego pola w raportach.](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-connector.png?hl=pl)
W polu tekstowym można wpisywać tylko źródła, a nie pełne adresy URL. Przykład:
https://developer.chrome.com
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard
Jeśli pominiesz protokół, zostanie domyślnie przyjęty protokół HTTPS. Subdomeny mają znaczenie. Na przykład https://developers.google.com
i https://www.google.com
są uznawane za różne źródła.
Niektóre typowe problemy z ustawieniami pochodzenia to podanie nieprawidłowego protokołu, np. http://
zamiast https://
, oraz pominięcie subdomeny w razie potrzeby. Niektóre witryny zawierają przekierowania, więc jeśli http://example.com
przekierowuje do https://www.example.com
, należy użyć tego drugiego adresu, który jest kanoniczną wersją witryny docelowej. Zwykle należy użyć domeny, którą użytkownicy widzą na pasku adresu.
Jeśli zaznaczysz to pole wyboru, pochodzenie zostanie uwzględnione w adresie URL panelu. Dzięki temu w przyszłości będzie można używać tego samego panelu w różnych przypadkach, zmieniając w przyszłości ten parametr adresu URL.
Kliknij przycisk Połącz. Jeśli zaznaczysz to pole, pojawi się prośba o potwierdzenie.
Jeśli pochodzenie nie jest uwzględnione w zbiorze danych Crux, może pojawić się komunikat o błędzie podobny do tego na diagramie poniżej. W zbiorze danych jest ponad 15 milionów źródeł, ale to, które Cię interesuje, może nie mieć wystarczającej ilości danych, aby je uwzględnić.
![Zrzut ekranu z wyskakującym komunikatem o błędzie, który zawiera m.in. komunikat „W tym zbiorze danych jest ponad 15 milionów źródeł, ale https://doesnotexist.origin nie jest jednym z nich”](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/connector-error-origin-does-not-exist.png?hl=pl)
Jeśli źródło istnieje, przeniesiemy Cię na stronę schematu w panelu. Wyświetlają się wszystkie uwzględnione pola: każdy skuteczny typ połączenia, każdy format, miesiąc wydania zbioru danych, rozkład wydajności dla każdej metryki i oczywiście nazwa źródła. Na tej stronie nie musisz niczego robić ani zmieniać – aby kontynuować, kliknij Utwórz raport.
![Zrzut ekranu edytora schematu panelu CrUX z różnymi polami, typami, agregacjami i opisami, które można zmieniać lub dodawać.](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-schema-2af4d7e781f95.png?hl=pl)
Korzystanie z panelu
Każdy panel zawiera 3 rodzaje stron:
- Omówienie podstawowych wskaźników internetowych
- Wyniki danych
- Dane demograficzne użytkownika
Każda strona zawiera wykres przedstawiający rozkłady w czasie dla każdej dostępnej wersji miesięcznej. Po wydaniu nowych zbiorów danych możesz odświeżyć panel, aby uzyskać najnowsze dane.
Miesięczne zbiory danych są publikowane w drugi wtorek każdego miesiąca. Na przykład zbiór danych z danymi o doświadczeniach użytkowników z maja jest publikowany w drugi wtorek czerwca.
Omówienie podstawowych wskaźników internetowych
Pierwsza strona zawiera przegląd miesięcznej skuteczności podstawowych wskaźników internetowych źródła. To najważniejsze dane dotyczące UX, na których zalecamy się skupić.
![Zrzut ekranu z panelem Core Web Vitals w panelu użytkowania CrUX, który zawiera informacje o danych LCP, INP i CLS.](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-core-web-vitals.png?hl=pl)
Na stronie Podstawowe wskaźniki internetowe możesz sprawdzić, jak użytkownicy komputerów i telefonów oceniają źródło. Domyślnie wybrany jest ostatni miesiąc w momencie tworzenia panelu. Aby przełączać się między starszymi i nowszymi wersjami miesięcznymi, użyj filtra Miesiąc u góry strony.
Pamiętaj, że tablet jest domyślnie pomijany w tych wykresach, ale w razie potrzeby możesz usunąć filtr Brak tableta w konfiguracji wykresu słupkowego:
![Zrzut ekranu przedstawiający edytowanie opcji Filtr w Looker Studio](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/editing-crux-dashboard-54bf2ce933283.png?hl=pl)
Wyniki danych
Po stronie poświęconej podstawowym wskaźnikom internetowym znajdziesz osobne strony ze wszystkimi danymi z zbioru danych CrUX.
![Zrzut ekranu strony LCP w panelu CrUX przedstawiający różne wykresy słupkowe zmieniające się w ciągu kolejnych miesięcy](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-lcp-page-7c6aa4de6810b.png?hl=pl)
U góry każdej strony znajduje się filtr Urządzenie, którego możesz użyć do ograniczenia form czynników uwzględnionych w danych dotyczących doświadczeń. Możesz na przykład przejść do szczegółowych informacji o funkcjach telefonu. To ustawienie jest zachowywane na wszystkich stronach.
Główne wizualizacje na tych stronach to miesięczne rozkłady doświadczeń podzielonych na kategorie „Dobrze”, „Wymaga poprawy” i „Źle”. Legenda z kolorami pod wykresem wskazuje zakres doświadczeń uwzględnionych w kategorii. Na przykład na poprzednim zrzucie ekranu widać, że odsetek „dobrych” wyników największego wyrenderowania treści (LCP) zmieniał się i w ostatnich miesiącach nieco się obniżył.
Powyżej wykresu znajdują się odsetki „dobrych” i „słabych” doświadczeń z ostatniego miesiąca, a także wskaźnik procentowej różnicy w porównaniu z poprzednim miesiącem. W przypadku tego pochodzenia „dobre” wyniki LCP spadły o 3,2% do 56,04% w porównaniu z poprzednim miesiącem.
Dodatkowo w przypadku danych takich jak LCP i innych podstawowych wskaźników internetowych, które podają wyraźne zalecenia dotyczące wartości procentowych, znajdziesz wskaźnik „P75” między wartościami procentowymi „dobry” i „zły”. Ta wartość odpowiada 75. percentylowi doświadczeń użytkowników w pochodzącym źródle. Innymi słowy, w 75% przypadków wyniki są lepsze niż ta wartość. Pamiętaj, że dotyczy to całej dystrybucji na wszystkich urządzeniach w źródle. Włączenie lub wyłączenie określonych urządzeń za pomocą filtra Urządzenie nie spowoduje ponownego obliczenia wartości procentowej.
Zastrzeżenia techniczne dotyczące percentyli
Pamiętaj, że wskaźniki wartości procentylowych są oparte na danych z histogramu w BigQuery, więc ich szczegółowość będzie niska: 100 ms dla LCP, 25 ms dla INP i 0,05 dla CLS. Inaczej mówiąc, wartość P75 LCP 3800 ms wskazuje, że rzeczywisty 75. procentyl mieści się w zakresie od 3800 ms do 3900 ms.
Ponadto zbiór danych BigQuery korzysta z techniki zwanej „rozszerzaniem przedziału”, w której gęstości doświadczeń użytkowników są grupowane w bardzo duże przedziały o malejącej szczegółowości. Umożliwia to uwzględnienie gęstości minutowej w ogonie rozkładu bez konieczności przekraczania 4 cyfr znaczących. Na przykład wartości LCP krótsze niż 3 sekundy są grupowane w przedziały o szerokości 200 ms. W przypadku interwału od 3 do 10 sekund przedziały mają szerokość 500 ms. Po 10 sekundach przedziały mają szerokość 5000 ms. Zamiast przedziałów o zmiennej szerokości stosujemy rozszerzanie przedziałów, dzięki czemu wszystkie przedziały mają stałą szerokość 100 ms (największy wspólny dzielnik), a rozkład jest liniowo interpolowany w ramach każdego przedziału.
Odpowiednie wartości P75 w narzędziach takich jak PageSpeed Insights nie są oparte na publicznym zbiorze danych BigQuery i mogą podawać wartości z dokładnością do milisekundy.
Dane demograficzne użytkownika
Na stronach z danymi demograficznymi użytkowników dostępne są 2 wymiary: urządzenia i skuteczne typy połączeń (ECT). Te strony przedstawiają rozkład wyświetleń stron w całym pochodzeniu w przypadku użytkowników z każdej grupy demograficznej.
Na stronie Rozkład urządzeń znajdziesz podział użytkowników korzystających z telefonów, komputerów i tabletów na przestrzeni czasu. Wiele źródeł ma zwykle niewiele lub wcale nie ma danych o tabletach, więc często zobaczysz na wykresie wartość „0%”.
![Zrzut ekranu strony urządzenia w panelu Crux, na którym widać, jak zmienia się podział urządzeń z miesiąca na miesiąc.](https://developer.chrome.google.cn/static/docs/crux/guides/looker-studio-dashboard/image/crux-dashboard-device-pag-b4769f5a000b9.png?hl=pl)
Podobnie na stronie dystrybucji ECT możesz zobaczyć podział na 4G, 3G, 2G, wolne 2G i tryb offline.
Rozkłady tych wymiarów są obliczane na podstawie segmentów danych histogramu First Contentful Paint (FCP).
Najczęstsze pytania
Oto kilka najczęstszych pytań dotyczących tworzenia tablic CrUX w Looker Studio:
Kiedy warto używać panelu CrUX zamiast innych narzędzi?
Panel danych Crux opiera się na tych samych danych podstawowych, które są dostępne w BigQuery, ale do ich wyodrębnienia nie musisz pisać ani jednej linii kodu SQL i nie musisz się martwić o przekroczenie bezpłatnych limitów. Konfigurowanie panelu jest szybsze i prostsze niż wyświetlanie zapytań dotyczących danych źródłowych. Wszystkie wizualizacje są generowane automatycznie, a Ty możesz udostępniać panel dowolnym osobom.
Czy korzystanie z panelu CrUX Dashboard wiąże się z jakimiś ograniczeniami?
Ponieważ interfejs CrUX Dashboard jest oparty na BigQuery, dziedziczy wszystkie jego ograniczenia. Są to dane na poziomie pochodzenia o miesięcznej szczegółowości.
Tablica CrUX rezygnuje z niektórych zalet danych nieprzetworzonych w BigQuery na rzecz prostoty i wygody. Na przykład rozkłady danych są podawane tylko jako „dobry”, „wymagający poprawy” i „słaby”, a nie jako pełne histogramy. Na panelu CrUX znajdziesz też dane na poziomie globalnym, a dzięki zbiorowi danych BigQuery możesz się skupić na konkretnych krajach.
Gdzie mogę dowiedzieć się więcej o Looker Studio?
Więcej informacji znajdziesz na stronie z funkcjami Looker Studio.