Looker Studio'da CrUX Kontrol Paneli oluşturma

Yayınlanma tarihi: 12 Haziran 2020, Son güncelleme tarihi: 9 Eylül 2025

Looker Studio (eski adıyla Data Studio), Chrome Kullanıcı Deneyimi Raporu (CrUX) gibi büyük veri kaynaklarının üzerinde kontrol panelleri oluşturmanıza olanak tanıyan güçlü bir veri görselleştirme aracıdır. Bu rehberde, bir kaynağın kullanıcı deneyimi trendlerini izlemek için kendi özel CrUX kontrol panelinizi nasıl oluşturacağınızı öğreneceksiniz.

Çeşitli aylarda değişen çeşitli yığın çubuk grafiklerini gösteren CrUX kontrol paneli.
CrUX kontrol paneli

CrUX kontrol paneli, Topluluk Bağlayıcıları adlı bir Looker Studio özelliğiyle oluşturulmuştur. Bu bağlayıcı, BigQuery'deki ham CrUX verileri ile Looker Studio'daki görselleştirmeler arasında önceden oluşturulmuş bir bağlantıdır. Bu özellik sayesinde, kontrol paneli kullanıcılarının herhangi bir sorgu yazmasına veya grafik oluşturmasına gerek kalmaz. Her şey sizin için oluşturulur. Tek yapmanız gereken bir kaynak sağlamaktır. Ardından sizin için özel bir kontrol paneli oluşturulur.

Varsayılan CrUX kontrol paneli

CrUX'ta, CrUX ekibi tarafından yönetilen bir varsayılan kontrol paneli bulunur. Ekip tarafından yeni metrikler (ör. INP) eklenir ve kontrol paneli bir sonraki yüklenişinde kullanılabilir.

Özel kontrol paneli oluşturma

Bazı kullanıcılar kontrol panelini özelleştirmek isteyebilir. Bu durumda, varsayılan kontrol panelinin kendi kopyanızı oluşturabilir ve istediğiniz gibi değiştirebilirsiniz.

Özel bir kontrol paneli oluşturmak için g.co/chromeuxdash adresine gidin. Bu işlem sizi, kontrol panelinin oluşturulacağı kaynağı belirleyebileceğiniz CrUX topluluk bağlayıcısı sayfasına yönlendirir. İlk kez kullanan kullanıcıların izin veya pazarlama tercihi istemlerini tamamlaması gerekebilir.

Bir kaynak URL'si girme alanını ve bu alanın raporlarda değiştirilmesine izin verme onay kutusunu içeren CrUX kontrol paneli bağlayıcı yapılandırma ekranı.
CrUX Kontrol Paneli bağlayıcısı

Metin giriş alanı yalnızca kaynakları kabul eder, tam URL'leri kabul etmez. Örneğin:

Kaynak (Desteklenir)
https://developer.chrome.com
URL (desteklenmez)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

Protokolü atlarsanız HTTPS varsayılır. Alt alan adları önemlidir. Örneğin, https://developers.google.com ve https://www.google.com farklı kaynaklar olarak kabul edilir.

Kaynaklarla ilgili yaygın sorunlardan bazıları, yanlış protokolün (ör. https:// yerine http://) sağlanması ve gerektiğinde alt alan adının atlanmasıdır. Bazı web sitelerinde yönlendirmeler bulunur. Bu nedenle, http://example.com, https://www.example.com adresine yönlendiriyorsa kaynağın standart URL sürümü olan ikinci adresi kullanmanız gerekir. Genel bir kural olarak, kullanıcıların adres çubuğunda gördüğü kaynağı kullanın.

Onay kutusunu işaretlediğinizde kaynak, kontrol paneli URL'sine dahil edilir. Bu sayede, bu URL parametresi gelecekte değiştirilerek aynı kontrol panelinin farklı kaynaklar için kullanılmasına olanak tanınır. Bu nedenle, onay kutusunu işaretlemeniz önerilir.

Bağlan düğmesini tıklayın. Onay kutusunu işaretlediyseniz bu işlemi onaylamanız istenir.

Kaynağınız CrUX veri kümesinde yer almıyorsa bir sonraki şemada gösterilene benzer bir hata mesajı alabilirsiniz. Veri kümesinde 15 milyondan fazla kaynak vardır ancak istediğiniz kaynak, dahil edilmek için yeterli veriye sahip olmayabilir.

Diğer hata mesajlarının yanı sıra "Bu veri kümesinde 15 milyondan fazla kaynak var ancak https://doesnotexist.origin bunlardan biri değil" şeklinde bir pop-up hata mesajı
Kaynak mevcut olmadığında CrUX topluluk bağlayıcısı hata mesajı

Kaynak varsa kontrol panelinin şema sayfasına yönlendirilirsiniz. Bu bölümde, dahil edilen tüm alanlar gösterilir: her etkin bağlantı türü, her form faktörü, veri kümesinin yayınlandığı ay, her metrik için performans dağılımı ve elbette kaynağın adı. Bu sayfada yapmanız veya değiştirmeniz gereken bir şey yoktur. Devam etmek için Rapor Oluştur'u tıklamanız yeterlidir.

Çeşitli alanlar, türler, toplama ve açıklamalar içeren CrUX kontrol paneli şema düzenleyicisi. Bu öğeleri değiştirebilir veya yeni alanlar ekleyebilirsiniz.
CrUX kontrol paneli şeması

Kontrol panelini kullanma

Her gösterge tablosunda üç tür sayfa bulunur:

  1. Core Web Vitals'a genel bakış
  2. Metrik performansı
  3. Kullanıcı demografisi

Her sayfada, mevcut her aylık sürüm için zaman içindeki dağılımları gösteren bir grafik yer alır. Yeni veri kümeleri yayınlandıkça kontrol panelini yenileyerek en son verileri alabilirsiniz.

Aylık veri kümeleri her ayın ikinci Salı günü yayınlanır. Örneğin, Mayıs ayına ait kullanıcı deneyimi verilerinden oluşan veri kümesi, Haziran ayının ikinci Salı günü yayınlanır.

Core Web Vitals'a genel bakış

İlk sayfada, kaynağın aylık Core Web Vitals performansına genel bir bakış sunulur. Bunlar, Google'ın odaklanmanızı önerdiği en önemli kullanıcı deneyimi metrikleridir.

LCP, INP ve CLS metrik bilgilerini gösteren CrUX kontrol paneli Core Web Vitals genel bakışı.
CrUX kontrol panelinde Core Web Vitals'a genel bakış

Masaüstü ve telefon kullanıcılarının kaynağı nasıl deneyimlediğini anlamak için Core Web Vitals sayfasını kullanın. Varsayılan olarak, kontrol panelini oluşturduğunuz sırada en son ay seçilir. Eski veya yeni aylık sürümler arasında geçiş yapmak için sayfanın üst kısmındaki Ay filtresini kullanın.

Tablet, bu grafiklerden varsayılan olarak çıkarılır. Ancak gerekirse çubuk grafik yapılandırmasında Tablet Yok filtresini kaldırabilirsiniz:

Looker Studio'da filtre seçeneğini düzenleme.
CrUX kontrol panelini, Core Web Vitals sayfasında tabletleri gösterecek şekilde düzenleme

Metrik performansı

Core Web Vitals sayfasından sonra, CrUX veri kümesindeki tüm metrikler için bağımsız sayfalar bulunur.

Çeşitli aylarda değişen çeşitli yığılmış çubuk grafiklerin gösterildiği CrUX kontrol paneli LCP sayfası.
CrUX kontrol panelindeki LCP sayfası

Her sayfanın üst kısmında, deneyim verilerine dahil edilen form faktörlerini kısıtlamak için kullanabileceğiniz Cihaz filtresi bulunur. Örneğin, özellikle telefon deneyimlerini ayrıntılı olarak inceleyebilirsiniz. Bu ayar, sayfalar arasında geçerli olmaya devam eder.

Bu sayfalardaki temel görselleştirmeler, "İyi", "İyileştirme Gerektiriyor" ve "Yetersiz" olarak sınıflandırılan deneyimlerin aylık dağılımlarıdır. Grafiğin altındaki renk kodlu gösterge, kategoriye dahil edilen deneyim aralığını belirtir. Örneğin, önceki ekran görüntüsünde "iyi" Largest Contentful Paint (LCP) deneyimlerinin yüzdesinin dalgalandığını ve son aylarda biraz daha kötüleştiğini görebilirsiniz.

En son aya ait "iyi" ve "kötü" deneyimlerin yüzdeleri, önceki aya göre yüzde farkını gösteren bir işaretle birlikte grafiğin üzerinde gösterilir. Bu kaynak için "iyi" LCP deneyimleri, bir önceki aya göre% 3,2 düşerek% 56,04'e geriledi.

Ayrıca, LCP ve diğer Core Web Vitals gibi açık yüzdelik önerileri sağlayan metrikler için "iyi" ve "kötü" yüzdeleri arasında "P75" metriğini görürsünüz. Bu değer, kaynağın kullanıcı deneyimlerinin 75. yüzdelik dilimine karşılık gelir. Başka bir deyişle, deneyimlerin% 75'i bu değerden daha iyidir. Bu durumun, kaynak üzerindeki tüm cihazlarda genel dağıtım için geçerli olduğunu unutmayın. Cihaz filtresiyle belirli cihazları açıp kapatmak yüzdelik dilimi yeniden hesaplamaz.

Yüzdelik dilimlerle ilgili teknik uyarılar

Yüzdelik metriklerin BigQuery'deki histogram verilerine dayandığını unutmayın.Bu nedenle ayrıntı düzeyi düşük olacaktır: LCP için 100 ms, INP için 25 ms ve CLS için 0,05. Başka bir deyişle, 3.800 ms'lik bir P75 LCP değeri, gerçek %75'lik yüzdelik dilimin 3.800 ms ile 3.900 ms arasında bir yerde olduğunu gösterir.

Ayrıca, BigQuery veri kümesi, kullanıcı deneyimlerinin yoğunluklarının, ayrıntı düzeyi azalan çok kaba paketler halinde doğal olarak gruplandırıldığı "paket dağıtımı" adı verilen bir teknik kullanır. Bu sayede, dağıtımın sonunda dakikalık yoğunlukları dahil edebiliriz. Bunun için dört basamaklı hassasiyeti aşmamız gerekmez. Örneğin, 3 saniyeden kısa LCP değerleri 200 ms genişliğindeki gruplar halinde toplanır. 3 ile 10 saniye arasında, gruplar 500 ms genişliğindedir. 10 saniyeden sonraki gruplar 5.000 ms genişliğindedir... Bin yayma, farklı genişliklerde binler oluşturmak yerine tüm binlerin sabit 100 ms genişliğinde (en büyük ortak bölen) olmasını sağlar ve dağıtım her bin boyunca doğrusal olarak enterpolasyon yapılır.

PageSpeed Insights gibi araçlardaki ilgili P75 değerleri, herkese açık BigQuery veri kümesine dayanmaz ve milisaniye hassasiyetinde değerler sağlayabilir.

Kullanıcı demografisi

Kullanıcı demografisi sayfalarında iki boyut bulunur: cihazlar ve etkin bağlantı türleri (ECT'ler). Bu sayfalar, her demografik gruptaki kullanıcılar için sayfa görüntülemelerinin tüm kaynak genelindeki dağılımını gösterir.

Cihaz dağıtımı sayfasında, telefon, masaüstü ve tablet kullanıcılarının zaman içindeki dağılımı gösterilir. Birçok kaynakta tablet verileri çok az veya hiç yoktur. Bu nedenle, grafiğin kenarında genellikle "%0" değeri gösterilir.

Cihaz dökümünün aydan aya nasıl değiştiğini gösteren CrUX kontrol paneli cihaz sayfası.
CrUX kontrol paneli cihaz sayfası

Benzer şekilde, ECT dağıtım sayfasında 4G, 3G, 2G, yavaş 2G ve çevrimdışı deneyimlerin dökümü gösterilir.

Bu boyutların dağılımları, İlk Zengin İçerikli Boyama (FCP) histogram verilerinin segmentleri kullanılarak hesaplanır.

SSS

Looker Studio'da CrUX kontrol panelleri oluşturma hakkında sık sorulan bazı soruları aşağıda bulabilirsiniz:

CrUX kontrol panelini diğer araçlara kıyasla ne zaman kullanmalıyım?

CrUX kontrol paneli, BigQuery'de bulunan aynı temel verilere dayanır ancak verileri ayıklamak için tek bir satır SQL yazmanız gerekmez ve ücretsiz kotaları aşma konusunda endişelenmenize gerek kalmaz. Kontrol paneli oluşturmak, temel verileri sorgulamaktan daha hızlı ve kolaydır. Tüm görselleştirmeler sizin için oluşturulur ve istediğiniz kişilerle paylaşabilirsiniz.

CrUX kontrol panelinin kullanımıyla ilgili herhangi bir sınırlama var mı?

CrUX kontrol paneli, BigQuery'ye dayandığı için tüm sınırlamalarını da devralır. Aylık ayrıntı düzeyinde kaynak düzeyindeki verilerle sınırlıdır.

CrUX kontrol paneli, BigQuery'deki ham verilerin çok yönlülüğünü basitlik ve kolaylık için de kullanır. Örneğin, metrik dağılımları tam histogramlar yerine yalnızca "iyi", "iyileştirilmesi gerekiyor" ve "kötü" olarak verilir. CrUX kontrol paneli, verileri küresel düzeyde sunarken BigQuery veri kümesi belirli ülkelere odaklanmanıza olanak tanır.

Looker Studio hakkında daha fazla bilgiyi nereden edinebilirim?

Daha fazla bilgi için Looker Studio özellikleri sayfasına göz atın.