Bu sayfada, geleneksel tam sayfa yüklemeleri olmadan, içeriği dinamik olarak yükleyen sitelerdeki sayfalarla olan etkileşimleri ölçmek için gtag.js'nin nasıl kullanılacağı açıklanmaktadır.
Genel bakış
Tek sayfalı uygulama (SPA), bir sitede ilk sayfa yüklemesinde gezinmek için gereken tüm kaynakları yükleyen bir web uygulaması veya web sitesidir. Kullanıcı bağlantıları tıklayıp sayfayla etkileşime girdikçe sonraki içerik dinamik olarak yüklenir. Uygulama genellikle adres çubuğundaki URL'yi geleneksel sayfa gezinmesine emüle edecek şekilde günceller, ancak hiçbir zaman ayrı bir tam sayfa isteği yapılmaz.
Kullanıcılar yeni bir sayfa yüklediğinde snippet kodu çalıştığı için Google etiketi geleneksel web siteleriyle iyi şekilde çalışır. Ancak, sitenin yeni sayfa içeriğini tam sayfa yüklemek yerine dinamik olarak yüklediği tek sayfalık bir uygulamada gtag.js snippet kodu yalnızca bir kez çalışır. Bu, sonraki (sanal) sayfa görüntülemelerin yeni içerik yüklendikçe manuel olarak ölçülmesi gerektiği anlamına gelir.
Sanal sayfa görüntüleme sayısını ölçme
Uygulamanız içeriği dinamik olarak yükleyip adres çubuğundaki URL'yi güncellediğinde, gtag.js ile depolanan sayfa URL'si de güncellenmelidir. Daha sonra sitenizdeki adreste yapılan değişiklikleri sayfa görüntüleme olarak da ölçebilirsiniz.
gtag.js raporlarının yolunu ayarlamak için set komutunu kullanarak page_path parametresi için bir değer belirtin:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Örneğin:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
page_path için yeni değer eklendikten sonra, bu mülke gönderilen sonraki tüm etkinlikler bu yeni değeri kullanır.
Aynı kaynak için birden fazla URL'yi işleme
Bazı SPA'lar, içeriği dinamik olarak yüklerken yalnızca URL'nin karma kısmını günceller. Bu uygulama, birçok farklı sayfa yolunun aynı kaynağa işaret ettiği durumlara yol açabilir. Bu gibi durumlarda, genellikle bir standart URL seçip Google Analytics'e yalnızca bu page_path değerini göndermek en iyisidir.
Örneğin, "Hakkımızda" sayfasına aşağıdaki URL'lerden herhangi biri aracılığıyla ulaşılabilen bir web sitesi düşünün:
/about/#/about/home/#/about
Raporlarınızın yinelenmesini önlemek amacıyla, page_path için /about kullanarak bu sayfaların tümünü kaydetmeniz en iyisidir.