Sitenize analytics.js'yi ekleme

analytics.js kitaplığı ("Google Analytics etiketi" olarak da bilinir), kullanıcıların web sitenizle nasıl etkileşime girdiğini ölçmek için kullanılan bir JavaScript kitaplığıdır. Bu belgede, Google Analytics etiketinin sitenize nasıl ekleneceği açıklanmaktadır.

Google Analytics etiketi

Google Analytics etiketi, <head> etiketinin üst kısmına yakın bir yere ve diğer komut dosyası veya CSS etiketlerinden önce eklenmeli ve çalışmak istediğiniz Google Analytics mülkünün mülk kimliğini içermelidir.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Yukarıdaki kod dört temel işlem gerçekleştirir:

  1. https://www.google-analytics.com/analytics.js adresinden analytics.js JavaScript kitaplığını eşzamansız olarak indirmeye başlayan bir <script> öğesi oluşturur
  2. analytics.js kitaplığı yüklendikten ve kullanıma hazır olduğunda komutları çalıştırılacak şekilde planlamanızı sağlayan genel bir ga işlevini (ga() komut sırası olarak adlandırılır) başlatır.
  3. 'GA_MEASUREMENT_ID' parametresi ile belirtilen mülk için yeni bir izleyici nesnesi oluşturmak üzere ga() komut sırasına bir komut ekler.
  4. Geçerli sayfa için Google Analytics'e bir sayfa görüntüleme göndermek üzere ga() komut sırasına başka bir komut ekler.

Özel uygulamalarda, Google Analytics etiketinin son iki satırının (create ve send komutları) değiştirilmesi veya daha fazla etkileşim yakalamak için ek kod eklenmesi gerekebilir. Ancak analytics.js kitaplığını yükleyen veya ga() komut sırası işlevini başlatan kodu değiştirmemelisiniz.

Alternatif eşzamansız etiket

Yukarıda açıklanan Google Analytics etiketi, komut dosyasının tüm tarayıcılarda eşzamansız olarak yüklenmesini ve yürütülmesini sağlar, ancak modern tarayıcıların komut dosyasını önceden yüklemesine izin vermeme dezavantajı vardır.

Aşağıdaki alternatif eşzamansız etiket, önceden yükleme desteği eklemiştir. Bu destek, modern tarayıcılarda küçük bir performans artışı sağlar, ancak IE 9 ve async komut dosyası özelliğini tanımayan daha eski mobil tarayıcılarda eşzamanlı yükleme ve yürütme durumlarında düşüşe neden olabilir. Bu etiket yapılandırmasını yalnızca, ziyaretçileriniz sitenize erişmek için öncelikli olarak modern tarayıcılar kullanıyorsa kullanın.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Google Analytics etiketi hangi verileri yakalar?

Bu etiketlerden birini web sitenize eklediğinizde, kullanıcılarınızın ziyaret ettiği her sayfa için bir sayfa görüntüleme gönderirsiniz. Google Analytics bu verileri işler ve aşağıdakiler de dahil olmak üzere birçok bilgi çıkarabilir:

  • Bir kullanıcının sitenizde geçirdiği toplam süre.
  • Kullanıcının her sayfada geçirdiği süre ve bu sayfaların hangi sırayla ziyaret edildiği.
  • Tıklanan dahili bağlantılar (bir sonraki sayfa görüntülemenin URL'sine göre).

Buna ek olarak: Yeni bir izleyici nesnesi oluştururken analytics.js'nin gerçekleştirdiği IP adresi, kullanıcı aracısı dizesi ve ilk sayfa denetimi aşağıdakiler gibi bilgileri belirlemek için kullanılır:

  • Kullanıcının coğrafi konumu.
  • Hangi tarayıcı ve işletim sistemi kullanılıyor?
  • Ekran boyutu ve Flash veya Java'nın yüklü olup olmadığı.
  • Yönlendiren site.

Sonraki adımlar

Temel raporlama ihtiyaçları için, Google Analytics etiketi aracılığıyla toplanan veriler yeterli olabilir, ancak çoğu durumda kullanıcılarınız hakkında cevaplanmasını istediğiniz başka sorular vardır.

Bu sitedeki kılavuzlarda, analytics.js ile ilgilendiğiniz etkileşimleri nasıl ölçeceğiniz açıklanmaktadır. Ancak belirli bir özelliği uygulamadan önce, sol taraftaki gezinme menüsünün Temel Bilgiler bölümünde listelenen kılavuzları okumanız önemle tavsiye edilir. Bu kılavuzlar, analytics.js kitaplığına ilişkin üst düzey bir genel bakış sunar ve sitede kullanılan kod örneklerini daha iyi anlamanıza yardımcı olur.

Bu serideki bir sonraki kılavuzda analytics.js'nin işleyiş şekli açıklanmaktadır.