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 üzerinde 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ı öğrenin.

Farklı aylarda değişen çeşitli yığın çubuk grafiklerini gösteren CrUX Kontrol Paneli ekran görüntüsü.
CrUX Kontrol Paneli

CrUX Kontrol Paneli, Topluluk Bağlayıcıları adı verilen bir Looker Studio özelliğiyle oluşturulmuştur. Bu bağlayıcı, BigQuery'deki ham CrUX verileri ile Looker Studio'nun görselleştirmeleri arasında önceden oluşturulmuş bir bağlantıdır. Gösterge tablosu kullanıcılarının sorgu yazma veya grafik oluşturma ihtiyacını ortadan kaldırır. Her şey sizin için oluşturulmuştur. Tek yapmanız gereken bir kaynak belirtmektir. Bunu yaptığınızda sizin için özel bir kontrol paneli oluşturulacaktır.

Varsayılan CrUX kontrol paneli

CrUX'te, CrUX ekibi tarafından yönetilen bir varsayılan kontrol paneli bulunur. Yeni metrikler (örneğin INP) ekip tarafından eklenir ve kontrol panelinin bir sonraki yüklenişinde kullanılabilir.

Özel bir kontrol paneli oluşturma

Bazı kullanıcılar gösterge tablosunu özelleştirmek isteyebilir. Bu durumda, varsayılan gösterge tablosunun kendi kopyanızı oluşturup uygun gördüğünüz şekilde değiştirebilirsiniz.

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

Kaynak URL girme alanının ve bu alanın raporlarda değiştirilmesine izin veren onay kutusunun bulunduğu CrUX Kontrol Paneli 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 (Desteklenen)
https://developer.chrome.com
URL (Desteklenmez)
https://developer.chrome.com/docs/crux/guides/looker-studio-dashboard

Protokolü atlarsanız HTTPS olduğu varsayılır. Alt alanlar önemlidir (ör. https://developers.google.com ve https://www.google.com) farklı kaynaklar olarak kabul edilir.

Kaynaklarla ilgili bazı yaygın sorunlar, yanlış protokolün sağlanmasıdır (ör. https:// yerine http://) ve gerektiğinde alt alan adının atlanması. Bazı web siteleri yönlendirmeler içerir. Dolayısıyla http://example.com, https://www.example.com sayfasına yönlendiriyorsa kaynağın standart sürümü olan ikincisini kullanmanız gerekir. Genel bir kural olarak, kullanıcıların adres çubuğunda gördükleri kaynağı kullanın.

Onay kutusunu işaretlediğinizde kaynak, kontrol paneli URL'sine dahil edilir. Böylece, ileride bu URL parametresi değiştirilerek aynı kontrol panelinin farklı kaynaklar için kullanılmasına olanak sağlanır. Bu nedenle işaretlemeniz önerilir.

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

Kaynağınız CrUX veri kümesine dahil değilse bir sonraki şemada gösterilene benzer bir hata mesajı alabilirsiniz. Veri kümesinde 15 milyondan fazla kaynak var ancak istediğiniz kaynak, dahil etmek için yeterli miktarda 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 bir pop-up hata mesajının ekran görüntüsü
Kaynak mevcut olmadığında CrUX topluluk bağlayıcısı hata mesajı

Kaynak mevcutsa kontrol panelinin şema sayfasına yönlendirilirsiniz. Burada, dahil edilen tüm alanlar gösterilir: her etkili bağlantı türü, her form faktörü, veri kümesinin yayınlanma ayı, her metrik için performans dağılımı ve tabii ki kaynak adı. Bu sayfada herhangi bir işlem yapmanız veya değişiklik yapmanıza gerek yok. Devam etmek için Rapor Oluştur'u tıklamanız yeterli.

Çeşitli alanlar, türler, toplama ve açıklamalar içeren, bunları değiştirme veya yeni alan 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, kullanıma sunulan her aylık sürümün zaman içindeki dağılımlarını gösteren bir grafik bulunur. Yeni veri kümeleri yayınlandıkça 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 verilerini içeren 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 bakış sunar. 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'a genel bakış ekran görüntüsü.
CrUX Kontrol Paneli Önemli Web Verileri'ne genel bakış

Kaynakla ilgili masaüstü ve telefon kullanıcılarının deneyimini anlamak için Core Web Vitals sayfasını kullanın. Varsayılan olarak, kontrol panelini oluşturduğunuz sıradaki 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.

Tabletin bu grafiklerden varsayılan olarak çıkarıldığını, ancak gerekirse çubuk grafiği yapılandırmasından Tablet Yok filtresini kaldırabilirsiniz:

Looker Studio'daki filtre seçeneğini düzenleme işleminin ekran görüntüsü.
CrUX Kontrol Paneli'ni, tabletleri Önemli Web Verileri sayfasında gösterecek şekilde düzenleme

Metrik performansı

Önemli Web Verileri sayfasından sonra, CrUX veri kümesindeki tüm metrics için bağımsız sayfalar bulabilirsiniz.

Ç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 deneyimlerini ayrıntılı olarak inceleyebilirsiniz. Bu ayar, tüm sayfalar için geçerli olur.

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

En son ayın "iyi" ve "kötü" deneyim yüzdeleri, önceki aya göre yüzdelik farkın bir göstergesiyle birlikte grafiğin üzerinde gösterilir. Bu kaynak için "iyi" LCP deneyimleri aydan aya% 3,2 ile% 56,04 düştü.

Ayrıca, LCP ve açık yüzdelik öneriler sağlayan diğer Core Web Vitals gibi metrikler için "iyi" ve "kötü" yüzdelerin arasında "P75" metriğini görürsünüz. Bu değer, kaynağın kullanıcı deneyimleri açısından %75'lik dilime karşılık gelir. Yani deneyimlerin% 75'i bu değerden daha iyi. Bu durumun, kaynaktaki tüm cihazlardaki genel dağıtım için geçerli olduğu unutulmamalıdır. Belirli cihazları Cihaz filtresiyle açıp kapatmak yüzdelik dilimi yeniden hesaplamaz.

Yüzdelik dilimlerle ilgili teknik uyarılar

Yüzdelik metriklerin BigQuery'deki histogram verilerine dayalı olduğunu ve 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. Diğer bir deyişle, 3800 ms'lik P75 LCP değeri, gerçek 75. yüzdelik dilimin 3.800 ms. ile 3.900 ms. arasında bir değer olduğunu belirtir.

Ek olarak, BigQuery veri kümesi, "bin yayılma" adı verilen bir teknik kullanır. Bu teknikte kullanıcı deneyimi yoğunlukları, yapısı gereği azalan ayrıntı düzeyine sahip çok büyük kutular halinde gruplandırılır. Bu sayede, dakika yoğunluklarını dört basamağı aşmadan dağılımın kuyruğuna dahil edebiliriz. Örneğin, 3 saniyeden kısa LCP değerleri 200 ms genişliğindeki kutular halinde gruplandırılır. Kutuların genişliği, 3 ile 10 saniye arasında 500 ms'dir. 10 saniyeden sonra, bölmelerin genişliği 5000 ms'dir... Farklı genişliklerde kutulara sahip olmak yerine, bölme ayırma, tüm bölmelerin 100 ms genişliğinde sabit bir şekilde (en büyük ortak böleni) olmasını ve dağılımın her bir bölmede doğrusal olarak interpolasyonunu sağlar.

PageSpeed Insights gibi araçlarda karşılık gelen P75 değerleri, herkese açık BigQuery veri kümesini temel almaz ve milisaniyelik doğrulukta 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 kaynağın tamamında sayfa görüntülemelerinin 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 verisi çok azdır veya hiç yoktur, bu nedenle grafiğin kenarında genellikle "%0" görünür.

CrUX Kontrol Paneli cihaz sayfasının, cihaz dökümünün aydan aya nasıl değiştiğini gösteren ekran görüntüsü.
CrUX Kontrol Paneli cihaz sayfası

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

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 soruların bazılarını aşağıda bulabilirsiniz:

CrUX Kontrol Paneli'ni diğer araçlar yerine ne zaman kullanırım?

CrUX Kontrol Paneli, BigQuery'dekiyle aynı temel verileri temel alır. Ancak verileri çıkarmak için tek bir satır SQL yazmanız ve ücretsiz kotaları aşma konusunda endişelenmeniz gerekmez. Kontrol paneli oluşturmak, temel verileri sorgulamaktan daha hızlı ve kolaydır. Tüm görselleştirmeler sizin için oluşturulur ve bunları istediğiniz kişilerle paylaşma denetimi sizdedir.

CrUX Kontrol Paneli'ni kullanmayla ilgili herhangi bir sınırlama var mı?

BigQuery'yi temel almak, CrUX Kontrol Paneli'nin de tüm sınırlamalarını devraldığı anlamına gelir. Aylık ayrıntı düzeyindeki kaynak düzeyindeki verilerle sınırlıdır.

Ayrıca CrUX Kontrol Paneli, BigQuery'deki ham verilerin çok yönlülüğünden yararlanarak basitlik ve kolaylık sağlar. Örneğin, metrik dağılımları tam histogramların aksine yalnızca "iyi", "iyileştirme gerekli" ve "yetersiz" olarak verilir. CrUX Kontrol Paneli global düzeyde veri sağlarken BigQuery veri kümesi 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'nun özellikler sayfasına göz atın.