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.

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.

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ć.

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.

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ć.

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:

Wyniki danych
Po stronie poświęconej podstawowym wskaźnikom internetowym znajdziesz osobne strony ze wszystkimi danymi z zbioru danych CrUX.

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%”.

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.