Looker Studio'da CrUX Kontrol Paneli oluşturma

Looker Studio (eski adıyla Data Studio), Chrome Kullanıcı Deneyimi Raporu (CrUX) gibi büyük veri kaynaklarının üzerine kontrol panelleri oluşturmanıza olanak tanıyan güçlü bir veri görselleştirme aracıdır. Bu kılavuzda, 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 panelinin ekran görüntüsü.
CrUX Kontrol Paneli

CrUX kontrol paneli, Topluluk Bağlantıları adlı bir Looker Studio özelliğiyle oluşturulur. Bu bağlayıcı, BigQuery'deki ham CrUX verileri ile Looker Studio görselleştirmeleri arasında önceden oluşturulmuş bir bağlantıdır. Kontrol paneli kullanıcılarının sorgu yazma veya grafik oluşturma ihtiyacını ortadan kaldırır. Her şey sizin için oluşturulur. Tek yapmanız gereken bir kaynak sağlamaktır. Böylece 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 eklenen yeni metrikler (ör. INP), kontrol paneli bir sonraki sefer yüklendiğinde kullanılabilir.

Özel bir kontrol paneli oluşturun

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 kontrol paneli oluşturmak için g.co/chromeuxdash adresine gidin. Kontrol panelinin oluşturulacağı kaynağı sağlayabileceğiniz CrUX topluluk bağlayıcısı sayfasına yönlendirilirsiniz. İlk kez uygulamayı kullanan kullanıcıların izin veya pazarlama tercihi istemlerini tamamlaması gerekebilir.

Kaynak URL'si girebileceğiniz bir alanın ve raporlarda söz konusu alanın değiştirilmesine izin veren bir onay kutusunun yer aldığı CrUX Dashboard bağlayıcı yapılandırma ekranının ekran görüntüsü.
CrUX Kontrol Paneli bağlayıcısı

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

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

Protokol atlanırsa HTTPS olduğu varsayılır. Alt alanlar ö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 sağlanması (ör. https:// yerine http://) ve gerektiğinde alt alan adının atlanmasıdır. Bazı web siteleri yönlendirmeler içerir. Bu nedenle, http://example.com, https://www.example.com adresine yönlendirme yapıyorsa kaynağın standart sürümü olan ikinci yolu kullanmanız gerekir. Genel 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, gelecekte bu URL parametresi değiştirilerek aynı kontrol panelinin farklı kaynaklar için kullanılmasına olanak tanır. Bu nedenle, onay kutusunu işaretlemeniz önerilir.

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

Kökeniniz CrUX veri kümesine dahil edilmemişse aşağıdaki şemada gösterilen gibi bir hata mesajı alabilirsiniz. Veri kümesinde 15 milyondan fazla kaynak vardır ancak sizin istediğiniz kaynak, eklenecek 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" yazan pop-up hata mesajının ekran görüntüsü
Kaynak olmadığında CrUX topluluk bağlayıcısı hata mesajı

Kaynak mevcutsa kontrol panelinin şema sayfasına yönlendirilirsiniz. Bu sayfada, 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 herhangi bir şey yapmanız veya değiştirmeniz gerekmez. Devam etmek için Rapor Oluştur'u tıklayın.

Çeşitli alanları, türleri, toplama işlemlerini ve açıklamaları içeren ve bunları değiştirme veya yeni alanlar ekleme olanağı sunan CrUX Kontrol Paneli şema düzenleyicisinin ekran görüntüsü.
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 bulunur. Yeni veri kümeleri kullanıma sunulduğunda, en son verileri almak için kontrol panelini yenileyebilirsiniz.

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 sayfa, kaynağın aylık Core Web Vitals performansına genel bir bakış sunar. Bunlar, Google'ın odaklanmanızı önerdiği en önemli kullanıcı deneyimi metrikleridir.

LCP, INP ve CLS metriği bilgilerini gösteren CrUX Dashboard Core Web Vitals'a genel bakışın ekran görüntüsü.
CrUX Kontrol Paneli'nde Core Web Vitals'e genel bakış

Kaynağın masaüstü ve telefon kullanıcıları tarafından nasıl deneyimlendiğini anlamak için Core Web Vitals sayfasını kullanın. Varsayılan olarak, kontrol panelini oluşturduğunuz tarihteki en son ay seçilidir. 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.

Tabletin bu grafiklerden varsayılan olarak çıkarıldığını unutmayın. Ancak gerekirse çubuk grafik yapılandırmasındaki Tablet Yok filtresini kaldırabilirsiniz:

Looker Studio'daki Filtre seçeneğini düzenleme özelliğinin ekran görüntüsü.
Core Web Vitals sayfasında tabletleri göstermek için CrUX kontrol panelini düzenleme

Metrik performansı

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

Çeşitli aylarda değişen çeşitli yığın çubuk grafiklerini gösteren CrUX Kontrol Paneli LCP sayfasının ekran görüntüsü.
CrUX Kontrol Paneli 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 deneyimlerine odaklanabilirsiniz. Bu ayar sayfalar arasında korunur.

Bu sayfalardaki birincil görselleştirmeler, "İyi", "İyileştirme Gerekiyor" 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 deneyimlerin kapsamını gösterir. Örneğin, önceki ekran görüntüsünde, "iyi" Largest Contentful Paint (LCP) deneyimlerinin yüzdesinde dalgalanma olduğunu ve son aylarda biraz daha kötü hale geldiğini görebilirsiniz.

Son aya ait "iyi" ve "kötü" deneyimlerin yüzdeleri, önceki aya göre yüzde farkına dair bir göstergeyle birlikte grafiğin üzerinde gösterilir. Bu kaynak için "iyi" LCP deneyimleri, bir önceki aya kıyasla% 3,2 düşüşle% 56,04'e geriledi.

Ayrıca, LCP ve net yüzdelik öneriler sunan diğer Core Web Vitals metrikleri için "iyi" ve "kötü" yüzdeler 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. Diğer bir deyişle, deneyimlerin% 75'i bu değerden daha iyidir. Bunun, kaynaktaki tüm cihazlar genelindeki genel dağıtım için geçerli olduğu unutulmamalıdır. Cihaz filtresiyle belirli cihazları etkinleştirmek veya devre dışı bırakmak yüzdelik dilimi yeniden hesaplamaz.

Yüzdelik dilimlerle ilgili teknik uyarılar

Yüzdelik metriklerin BigQuery'den alınan histogram verilerine dayandığını ve bu nedenle ayrıntı düzeyinin genel olacağını unutmayın: 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, gerçek 75. yüzdelik dilimin 3.800 ms ile 3.900 ms. arasında olduğunu gösterir.

Ayrıca BigQuery veri kümesinde, kullanıcı deneyimlerinin yoğunluklarının temel olarak azalan ayrıntı düzeyine sahip çok kaba kutulara gruplandırıldığı "kutu yayılımı" adlı bir teknik kullanılır. Bu sayede, dört basamaklı hassasiyeti aşmak zorunda kalmadan dağılımın sonuna dakika yoğunlukları ekleyebiliriz. Örneğin, 3 saniyeden kısa LCP değerleri 200 ms genişliğinde gruplar halinde toplanır. 3 ila 10 saniye arasında, kutular 500 ms genişliğindedir. 10 saniyenin üzerindeki kutular 5.000 ms genişliğindedir... Çeşitli genişliklerde kaplara sahip olmak yerine, kap dağıtımı tüm kapların sabit 100 ms genişliğinde (en büyük ortak bölen) olmasını ve dağıtımın her kapta doğrusal olarak aralıklı olmasını sağlar.

PageSpeed Insights gibi araçlarda karşılık gelen P75 değerleri, herkese açık BigQuery veri kümesini temel almaz ve milisaniye duyarlılığında değerler sağlayabilir.

Kullanıcı demografisi

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

Cihaz dağılımı sayfasında, telefon, masaüstü ve tablet kullanıcılarının zaman içindeki dökümü gösterilir. Birçok kaynakta tablet verisi çok az olduğu veya hiç olmadığı için genellikle grafiğin kenarında "%0" değerini görürsünüz.

Cihaz dökümünün ayda nasıl değiştiğini gösteren CrUX kontrol paneli cihaz sayfasının ekran görüntüsü.
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ı, First Contentful Paint (FCP) histogram verilerinin segmentleri kullanılarak hesaplanır.

SSS

Looker Studio'da CrUX kontrol panelleri oluşturma hakkında sık sorulan sorulardan bazıları şunlardır:

Diğer araçlar yerine CrUX kontrol panelini ne zaman kullanırım?

CrUX kontrol paneli, BigQuery'de bulunan temel verileri temel alır ancak verileri ayıklamak için tek bir SQL satırı yazmanız gerekmez ve ücretsiz kotaları aşma konusunda endişelenmenize gerek yoktur. Gösterge tablosu oluşturmak, temel verileri görüntülemek ve sorgulamak yerine daha hızlı ve kolaydır. Tüm görselleştirmeler sizin için oluşturulur ve istediğiniz kişiyle paylaşabilirsiniz.

CrUX Kontrol Paneli'nin kullanımıyla ilgili herhangi bir sınırlama var mı?

BigQuery'ye dayalı olması, CrUX kontrol panelinin tüm sınırlamalarını da devraldığı anlamına gelir. Aylık ayrıntı düzeyinde kaynak düzeyindeki verilerle sınırlıdır.

CrUX kontrol paneli, basitlik ve kolaylık sağlamak için BigQuery'deki ham verilerin çok yönlülüğünden de ödün verir. Örneğin, metrik dağılımları tam histogramların aksine yalnızca "iyi", "iyileştirmeye ihtiyaç var" ve "kötü" olarak verilir. CrUX kontrol paneli, dünya genelindeki verileri de sağlar. BigQuery veri kümesi ise belirli ülkeleri yakınlaştırmanı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.